Poprawiono responsywność karty pociągów

src/components/Global/ActionButton.vue

@@ -56,9 +56,9 @@ export default class ActionButton extends Vue {}
     border: none;
   }
 
-  &:hover {
+  &:hover,
+  &:focus {
     color: $accentCol;
-
     background: #5c5c5c;
   }
 }

src/components/Global/SelectBox.vue

@@ -70,10 +70,10 @@ export default class SelectBox extends Vue {
 
     cursor: pointer;
 
+    transition: all 0.3s;
+
     &:focus {
-      + span > img {
+      background: #5c5c5c;
-        transform: rotate(180deg);
-      }
     }
   }
 

src/components/TrainsView/TrainStats.vue

@@ -81,7 +81,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Emit } from "vue-property-decorator";
+import { Component, Vue, Prop } from "vue-property-decorator";
 import ActionButton from "@/components/Global/ActionButton.vue";
 
 import Train from "@/scripts/interfaces/Train";
@@ -217,6 +217,10 @@ export default class TrainStats extends Vue {
   position: relative;
   top: 0;
   z-index: 99;
+
+  &:focus {
+    color: red;
+  }
 }
 
 .stats {