From 70247475dec7c327ede7db7ff2d13eb03d91f046 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 24 May 2021 22:25:31 +0200
Subject: [PATCH] =?UTF-8?q?Poprawiono=20responsywno=C5=9B=C4=87=20karty=20?=
 =?UTF-8?q?poci=C4=85g=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Global/ActionButton.vue   | 4 ++--
 src/components/Global/SelectBox.vue      | 6 +++---
 src/components/TrainsView/TrainStats.vue | 6 +++++-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Global/ActionButton.vue b/src/components/Global/ActionButton.vue
index 22fae5e..52b27ca 100644
--- a/src/components/Global/ActionButton.vue
+++ b/src/components/Global/ActionButton.vue
@@ -56,9 +56,9 @@ export default class ActionButton extends Vue {}
     border: none;
   }
 
-  &:hover {
+  &:hover,
+  &:focus {
     color: $accentCol;
-
     background: #5c5c5c;
   }
 }
diff --git a/src/components/Global/SelectBox.vue b/src/components/Global/SelectBox.vue
index 211f5bd..2eadb5b 100644
--- a/src/components/Global/SelectBox.vue
+++ b/src/components/Global/SelectBox.vue
@@ -70,10 +70,10 @@ export default class SelectBox extends Vue {
 
     cursor: pointer;
 
+    transition: all 0.3s;
+
     &:focus {
-      + span > img {
-        transform: rotate(180deg);
-      }
+      background: #5c5c5c;
     }
   }
 
diff --git a/src/components/TrainsView/TrainStats.vue b/src/components/TrainsView/TrainStats.vue
index efd405a..c4d1311 100644
--- a/src/components/TrainsView/TrainStats.vue
+++ b/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 {