fix alignment of external/internal indicator on mobile

fix for issue https://gitlab.lcsb.uni.lu/R3-core/howto-cards-internal/-/issues/127

assets/css/landing.css

@@ -32,7 +32,7 @@
     align-content: flex-start;
     padding-right: 10px;
     border: solid 1px rgba(0,0,0,0);
-    border-right: solid 2px rgba(240, 240, 240, 0.7);    
+    border-right: solid 2px rgba(240, 240, 240, 0.7);
 }
 @media (max-width: 1080px) {
     .container > .left-inner-container {
@@ -241,19 +241,19 @@
     color: #ccc;
 }
 .right-inner-container.droppable > .card-pinned.card-grayed.card-pulsate {
-    animation-name: stretch; 
+    animation-name: stretch;
     animation-duration: 0.6s;
-    animation-direction: alternate; 
-    animation-iteration-count: infinite; 
-    animation-play-state: running; 
-}
-@keyframes stretch { 
-    0% { 
-        transform: scale(.90); 
-    } 
-    100% { 
-        transform: scale(1.1); 
-    } 
+    animation-direction: alternate;
+    animation-iteration-count: infinite;
+    animation-play-state: running;
+}
+@keyframes stretch {
+    0% {
+        transform: scale(.90);
+    }
+    100% {
+        transform: scale(1.1);
+    }
 }
 /* ==================================================== */
 /*    Search bar                                        */
@@ -305,15 +305,15 @@ div.search-bar {
     text-align: center;
     cursor: pointer;
 }
-@media (max-width: 1080px) { 
+@media (max-width: 1080px) {
     .indicator {
         top: 128px;
         right: 72px;
     }
 }
-@media (max-width: 650px) { 
+@media (max-width: 700px) {
     .indicator {
-        top: 50px;
+        top: 10px;
         right: 50px;
     }
 }
@@ -330,7 +330,7 @@ div.search-bar {
 /*    Tooltip                                           */
 /* ==================================================== */
 .tooltip .tooltip-text {
-    visibility: hidden;        
+    visibility: hidden;
     width: 400px;
     right: 120%;
     top: -43px;