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 @@