diff --git a/src/App.vue b/src/App.vue index 829c340..8abcc45 100644 --- a/src/App.vue +++ b/src/App.vue @@ -123,10 +123,12 @@ input { } .status { - padding: 0.3em 0.7em; border-radius: 1.3rem; font-weight: 500; + font-size: .95em; + padding: 0.25em 0.4em; + background-color: #00be19; &.free { diff --git a/src/components/ui/List.vue b/src/components/ui/List.vue index e8d7655..d9d7adc 100644 --- a/src/components/ui/List.vue +++ b/src/components/ui/List.vue @@ -344,7 +344,7 @@ export default Vue.extend({ white-space: nowrap; border-collapse: collapse; - font-size: calc(0.7rem + 0.2vw); + font-size: calc(0.7rem + 0.3vw); @include smallScreen() { font-size: 0.75rem; diff --git a/src/components/ui/StationCard.vue b/src/components/ui/StationCard.vue index 2b74c9b..cd0937f 100644 --- a/src/components/ui/StationCard.vue +++ b/src/components/ui/StationCard.vue @@ -282,6 +282,7 @@ export default class StationCard extends Vue { &-level { font-size: 2.5em; font-weight: bold; + margin-right: .3em; max-width: 2em; @@ -347,6 +348,8 @@ export default class StationCard extends Vue { &.borderless { border: none; + margin: 0; + padding: 0; } } }