fix: missing icons & translations

index.html

@@ -22,6 +22,11 @@
 
     <link rel="icon" href="favicon.ico" />
 
+    <link rel="stylesheet" href="fa/css/fontawesome.css" />
+    <link rel="stylesheet" href="fa/css/brands.css" />
+    <link rel="stylesheet" href="fa/css/regular.css" />
+    <link rel="stylesheet" href="fa/css/solid.css" />
+
     <!-- Static OpenGraph meta -->
     <meta name="description" content="Pomocnik maszynisty i dyżurnego symulatora Train Driver 2" />
     <meta property="og:url" content="https://stacjownik-td2.web.app/" />

src/components/TrainsView/TrainOptions.vue

@@ -36,7 +36,7 @@
                 id="active-trains"
                 v-model="searchedDriver"
               >
-                <option value="">{{ $t('options.search-driver') }}</option>
+                <option value="">{{ $t('options.select-driver') }}</option>
                 <option v-for="driverName in activeDriverNames" :value="driverName">
                   {{ driverName }}
                 </option>

src/locales/en.json

@@ -158,7 +158,8 @@
     "filter-title": "FILTER BY:",
     "search-title": "SEARCH:",
     "search-train": "Train no. / #",
-    "search-driver": "Choose a driver...",
+    "select-driver": "Choose a driver...",
+    "search-driver": "Driver name",
     "search-dispatcher": "Dispatcher name",
     "search-station": "Scenery name / #",
     "search-author": "Timetable author name",

src/locales/pl.json

@@ -155,7 +155,8 @@
     "filter-title": "FILTRUJ WG:",
     "search-title": "SZUKAJ:",
     "search-train": "Nr pociągu / #",
-    "search-driver": "Wybierz maszynistę...",
+    "search-driver": "Nick maszynisty",
+    "select-driver": "Wybierz maszynistę...",
     "search-dispatcher": "Nick dyżurnego",
     "search-station": "Nazwa scenerii / #",
     "search-author": "Nick autora rozkładu jazdy",

src/styles/_badge.scss

@@ -8,7 +8,8 @@
 
   margin: 0.25em;
 
-  & > span {
+  & > span,
+  & > a > span {
     display: inline-block;
     background: #585858;
     padding: 0.2em 0.4em;
@@ -22,7 +23,7 @@
 
     text-align: center;
 
-    @include responsive.smallScreen{
+    @include responsive.smallScreen {
       font-size: 1em;
     }
   }