From 1947555724becfcb1ce2fa087d653a090f0f592d Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 28 Nov 2023 17:56:08 +0100
Subject: [PATCH] =?UTF-8?q?poprawki=20responsywno=C5=9Bci?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Global/AnimatedModal.vue      | 18 ++++++++++++++++++
 src/components/Global/Donation.vue           | 10 +++++++---
 src/components/StationsView/StationTable.vue | 10 ++++------
 3 files changed, 29 insertions(+), 9 deletions(-)

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({
 </script>
 
 <style lang="scss" scoped>
+@import '../../styles/responsive.scss';
+
 .body {
   position: fixed;
   top: 0;
@@ -79,5 +81,21 @@ export default defineComponent({
   width: 95%;
   max-width: 800px;
   max-height: 95vh;
+
+  & > :slotted(div) {
+    max-height: 95vh;
+  }
+}
+
+@include smallScreen {
+  .wrapper {
+    top: 0;
+    transform: translate(-50%, 1em);
+    max-height: 90vh;
+
+    & > :slotted(div) {
+      max-height: 90vh;
+    }
+  }
 }
 </style>
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%;
+  }
 }
 </style>
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;
   }