Poprawki wizualne

src/components/StationsView/StationCard.vue

@@ -222,8 +222,11 @@ export default class StationCard extends styleMixin {
   margin: 0.5em 0;
 }
 
-.station-card {
+.card {
-  font-size: calc(0.5rem + 0.35vw);
+  padding: 2em;
+  text-align: center;
+
+  font-size: calc(0.5rem + 0.4vw);
   max-width: 800px;
 
   @include bigScreen {
@@ -234,11 +237,6 @@ export default class StationCard extends styleMixin {
     font-size: 0.8em;
     width: 100%;
   }
-}
-
-.card {
-  padding: 2em;
-  text-align: center;
 
   user-select: none;
   -moz-user-select: none;

src/components/TrainsView/TrainTable.vue

@@ -50,7 +50,10 @@
                 :class="{'online': train.online}"
               >{{train.online ? "ONLINE" : "OFFLINE"}}</span>
 
-              <button class="button">SZCZEGÓŁOWY ROZKŁAD</button>
+              <button
+                class="button"
+                @click="changeScheduleShowState(train.timetableData.timetableId)"
+              >ROZKŁAD JAZDY</button>
             </div>
           </span>
 
@@ -157,7 +160,7 @@ export default class TrainTable extends Vue {
   routeIcon: string = require("@/assets/icon-route.svg");
 
   changeScheduleShowState(timetableId: number) {
-    this.showedSchedule = timetableId;
+    this.showedSchedule = this.showedSchedule === timetableId ? 0 : timetableId;
   }
 
   onImageError(e: Event) {
@@ -176,7 +179,7 @@ export default class TrainTable extends Vue {
   }
 
   changeFocusedTrain(trainNo: number) {
-    this.$emit('changeFocusedTrain', trainNo.toString());
+    // this.$emit('changeFocusedTrain', trainNo.toString());
   }
 }
 </script>
@@ -276,10 +279,11 @@ export default class TrainTable extends Vue {
 
     button {
       margin-left: 10px;
-      background: #144e75;
+      border-radius: 0.7em;
-      border-radius: 1em;
       padding: 0.2em 0.5em;
       font-size: 0.85em;
+
+      border: 1px solid white;
     }
   }
 }