Dodano tłumaczenia i poprawki stylów

src/components/TrainsView/TrainInfoExtended.vue

@@ -72,15 +72,15 @@
 
       <div class="driver_position">
         <span v-if="train.currentStationName">
-          Na scenerii <b class="text--primary">{{ train['currentStationName'] }}</b>
+          {{ $t('trains.current-scenery') }} <b class="text--primary">{{ train['currentStationName'] }}&nbsp;</b>
         </span>
 
         <span v-if="train.signal">
-          przy semaforze <b class="text--primary">{{ train['signal'] }}</b>
+          {{ $t('trains.current-signal') }} <b class="text--primary">{{ train['signal'] }}&nbsp;</b>
         </span>
 
         <span v-if="train.connectedTrack">
-          na szlaku <b class="text--primary">{{ train['connectedTrack'] }}</b>
+          {{ $t('trains.current-track') }} <b class="text--primary">{{ train['connectedTrack'] }}</b>
         </span>
       </div>
 
@@ -246,6 +246,10 @@ export default defineComponent({
     span {
       text-align: center;
     }
+
+    &:first-letter {
+      text-transform: capitalize;
+    }
   }
 }
 </style>

src/components/TrainsView/TrainInfoSimple.vue

@@ -38,15 +38,15 @@
 
         <div class="driver_position text--grayed">
           <span v-if="train.currentStationName">
-            Na scenerii <span>{{ train['currentStationName'] }}</span>
+            {{ $t('trains.current-scenery') }} <span>{{ train['currentStationName'] }}&nbsp;</span>
           </span>
 
           <span v-if="train.signal">
-            przy semaforze <span>{{ train['signal'] }}</span>
+            {{ $t('trains.current-signal') }} <span>{{ train['signal'] }}&nbsp;</span>
           </span>
 
           <span v-if="train.connectedTrack">
-            na szlaku <span>{{ train['connectedTrack'] }}</span>
+            {{ $t('trains.current-track') }} <span>{{ train['connectedTrack'] }}</span>
           </span>
         </div>
       </span>
@@ -72,14 +72,6 @@
         </div>
       </div>
     </section>
-
-    <!-- <span class="info-stats">
-          <span v-for="stat in STATS.main" :key="stat.name">
-            <span>{{ $t(`trains.option-${stat.name}`).toUpperCase() }}</span
-            >:
-            <span class="text--primary">{{ `${~~(train[stat.name] * (stat.multiplier || 1))}${stat.unit}` }} </span>
-          </span>
-        </span> -->
   </div>
 </template>
 
@@ -140,6 +132,10 @@ export default defineComponent({
   }
 }
 
+.driver_position:first-letter {
+  text-transform: capitalize;
+}
+
 .timetable_stops {
   font-size: 0.75em;
 }

src/components/TrainsView/TrainTimetableCard.vue

@@ -60,24 +60,11 @@ export default defineComponent({
 }
 
 .train-timetable-card {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  
-  transform: translate(-50%, -50%);
-
   padding: 0.5em;
 
-  width: 100%;
+  width: 95%;
   max-width: 1300px;
 
-
-  @include smallScreen {
-    width: 95%;
-  }
-
-  z-index: 100;
-
   border: 1px solid white;
 }
 </style>