Mobile-adapted index :)

frontend/components/LaneFilter.vue

@@ -38,7 +38,7 @@ function handleHover(laneImg: Ref<string>, index: number) {
 </script>
 
 <template>
-<div style="width: fit-content; margin: auto;">
+<div style="width: fit-content;">
     <img v-for="(laneImg, index) in laneImgs" 
     class="lane-img" :src="laneImg.value" 
     @mouseout="handleMouseOut(laneImg, index)"
@@ -56,4 +56,10 @@ function handleHover(laneImg: Ref<string>, index: number) {
 .lane-img:hover {
     cursor: pointer;
 }
+
+@media only screen and (max-width: 400px) {
+    .lane-img {
+        width: 48px;
+    }
+}
 </style>