diff --git a/src/components/StationsView/StationFilterCard.vue b/src/components/StationsView/StationFilterCard.vue index 33794f3..5363326 100644 --- a/src/components/StationsView/StationFilterCard.vue +++ b/src/components/StationsView/StationFilterCard.vue @@ -409,7 +409,7 @@ export default defineComponent({ display: inline-block; margin: 0 auto; width: 60%; - min-width: 200px; + min-width: 240px; input { width: 100%; @@ -458,6 +458,7 @@ export default defineComponent({ outline: none; min-width: 25%; + max-width: 120px; &::-webkit-slider-thumb { -webkit-appearance: none; @@ -472,8 +473,8 @@ export default defineComponent({ border: 4px solid $accentCol; @include smallScreen() { - width: 1em; - height: 1em; + width: 15px; + height: 15px; margin-top: -5px; border: 3px solid $accentCol; } diff --git a/src/styles/card.scss b/src/styles/card.scss index fc3d90a..5a2d6e6 100644 --- a/src/styles/card.scss +++ b/src/styles/card.scss @@ -21,6 +21,7 @@ @include smallScreen { width: 100%; + height: 80vh; } &-exit {