hotfix: styles

src/components/Timetable/TimetableSelect.vue

@@ -43,9 +43,10 @@
     </button>
 
     <button
-      class="bg-zinc-800 p-1 rounded-md hover:bg-zinc-700"
+      class=" p-1 rounded-md "
       :class="{
-        'bg-green-600': isTimetableSaved,
+        'bg-green-600 hover:bg-green-700': isTimetableSaved,
+        'bg-zinc-800 hover:bg-zinc-700': !isTimetableSaved,
       }"
       @click="saveToStorage"
     >
@@ -73,7 +74,7 @@ let selectedTrainId = ref(null) as Ref<string | null>;
 // Computed
 const isTimetableSaved = computed(() => {
   if (!globalStore.currentTimetableData) return false;
-  
+
   return Object.keys(globalStore.storageTimetables).includes(`${globalStore.currentTimetableData.timetableId}`);
 });
 

src/components/Timetable/TimetableStorage.vue

@@ -9,7 +9,7 @@
       <ul class="flex flex-col gap-3">
         <li v-for="timetable in globalStore.storageTimetables" class="text-left">
           <button class="bg-zinc-900 p-2 w-full text-zinc-300 cursor-pointer hover:bg-zinc-800" @click="selectTimetable(timetable)">
-            <b>{{ timetable.category }} {{ timetable.trainNo }}</b> {{ timetable.route.replace('|', ' - ') }}
+            <b>{{ timetable.driverName }} {{ timetable.category }} {{ timetable.trainNo }}</b> {{ timetable.route.replace('|', ' - ') }}
           </button>
         </li>
       </ul>