improve modal display on mobile

src/components/Modal/styles.module.scss

@@ -9,17 +9,27 @@
 }
 
 .modalContent {
-    @include horizontal-vertical-center();
-
     position: absolute;
-    bottom: auto;
-    right: auto;
     padding: 15px;
-    max-height: 80vh;
     outline: 0;
     background-color: $color-white;
-    border-radius: 15px;
-    border: $border-large;
+
+    @include mobile {
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow-y: auto;
+    }
+
+    @include desktop {
+        @include horizontal-vertical-center();
+        bottom: auto;
+        right: auto;
+        max-height: 80vh;
+        border-radius: 15px;
+        border: $border-large;
+    }
 }
 
 .closeButton {

src/components/VolunteerBoard/TeamWishesForm/styles.module.scss

@@ -2,7 +2,9 @@
 @import "../../../theme/mixins";
 
 .root {
-    width: 680px;
+    @include desktop {
+        width: 680px;
+    }
 }
 
 .title {
@@ -21,8 +23,11 @@
 }
 
 .formArea {
-    display: flex;
     margin-bottom: 10px;
+
+    @include desktop {
+        display: flex;
+    }
 }
 
 .leftCol {