diff --git a/src/components/Global/AnimatedModal.vue b/src/components/Global/AnimatedModal.vue index f59c426..49ca979 100644 --- a/src/components/Global/AnimatedModal.vue +++ b/src/components/Global/AnimatedModal.vue @@ -45,6 +45,8 @@ export default defineComponent({ diff --git a/src/components/Global/Donation.vue b/src/components/Global/Donation.vue index 175b5fc..dfd5918 100644 --- a/src/components/Global/Donation.vue +++ b/src/components/Global/Donation.vue @@ -141,7 +141,7 @@ export default defineComponent({ display: grid; grid-template-rows: 1fr auto; gap: 1em; - max-height: 95vh; + font-size: 1.1em; & > div { @@ -172,8 +172,12 @@ export default defineComponent({ } .modal_actions { - display: flex; - justify-content: flex-end; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(13em, 1fr)); gap: 0.5em; + + form button { + width: 100%; + } } diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue index 8fd5fb4..8f8bc8e 100644 --- a/src/components/StationsView/StationTable.vue +++ b/src/components/StationsView/StationTable.vue @@ -389,18 +389,16 @@ $rowCol: #424242; } } -section.station_table { - overflow: auto; - overflow-y: hidden; - font-weight: 500; -} - table { white-space: nowrap; border-collapse: collapse; // min-width: 1350px; width: 100%; + overflow: auto; + overflow-y: hidden; + font-weight: 500; + @include smallScreen() { min-width: auto; }