From a2e8b73d8eab98a1166ff653e9b2fbfac046455b Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Tue, 1 Mar 2022 00:30:05 +0100
Subject: [PATCH] improve modal display on mobile

---
 src/components/Modal/styles.module.scss       | 24 +++++++++++++------
 .../TeamWishesForm/styles.module.scss         |  9 +++++--
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/components/Modal/styles.module.scss b/src/components/Modal/styles.module.scss
index de18f9d..ea4edf3 100755
--- a/src/components/Modal/styles.module.scss
+++ b/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 {
diff --git a/src/components/VolunteerBoard/TeamWishesForm/styles.module.scss b/src/components/VolunteerBoard/TeamWishesForm/styles.module.scss
index 968588c..19836a2 100755
--- a/src/components/VolunteerBoard/TeamWishesForm/styles.module.scss
+++ b/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 {