chore: improved table layout

src/components/RouteList.vue

@@ -1,6 +1,6 @@
 <template>
   <span class="routes">
-    <span
+    <!-- <span
       v-for="(route, i) in routes"
       class="route"
       :key="i"
@@ -10,9 +10,11 @@
         hidden: route.hidden,
       }"
     >
-      <span class="route-name">{{ route.routeName }}</span>
+    {{ route.routeName }}
+     <span class="route-name">{{ route.routeName }}</span> 
       <span class="route-info"> ({{ route.routeTracks }}/{{ route.isElectric ? 'E' : 'N' }}/{{ route.isRouteSBL ? 'S' : 'P' }}) </span>
     </span>
+     -->
   </span>
 </template>
 
@@ -36,7 +38,6 @@ export default defineComponent({
   }
 
   &.hidden > .route-name {
-    // text-decoration: underline;
     color: #ccc;
   }
 }

src/components/TableActions.vue

@@ -52,7 +52,7 @@
 
     <div class="pane">
       Pokazuj maks.
-      <input type="number" min="1" v-model="sceneriesStore.maxVisibleResults" style="width: 3em; margin: 0 0.5em" />
+      <input type="number" min="1" v-model="sceneriesStore.maxVisibleResults" style="width: 4em; margin: 0 0.5em" />
       wyników
     </div>