From 303b0f635b927231e3cea464d385ef778820e7da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jean-Marie=20CL=C3=89RY?= <jean-marie.clery@passculture.app>
Date: Mon, 2 Sep 2024 11:05:28 +0200
Subject: [PATCH] (PC-31582)[PRO] fix: Makes Cookies modal small-devices
 compatible

---
 pro/src/styles/components/layout/_CookieModals.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/pro/src/styles/components/layout/_CookieModals.scss b/pro/src/styles/components/layout/_CookieModals.scss
index a6f3e8c6c04..4257c333a8a 100644
--- a/pro/src/styles/components/layout/_CookieModals.scss
+++ b/pro/src/styles/components/layout/_CookieModals.scss
@@ -3,6 +3,7 @@
 @use "styles/mixins/_rem.scss" as rem;
 @use "styles/mixins/_fonts.scss" as fonts;
 @use "styles/mixins/_a11y.scss" as a11y;
+@use "styles/variables/_size.scss" as size;
 
 $action-gap: rem.torem(10px);
 
@@ -103,9 +104,11 @@ $action-gap: rem.torem(10px);
   }
 }
 
-.orejime-ModalWrapper,
-.orejime-Modal {
-  width: rem.torem(735px);
+@media (min-width: size.$tablet) {
+  .orejime-ModalWrapper,
+  .orejime-Modal {
+    width: rem.torem(735px);
+  }
 }
 
 .orejime-Modal {
@@ -138,6 +141,7 @@ $action-gap: rem.torem(10px);
     background: var(--color-white);
     color: var(--color-primary);
     cursor: pointer;
+    margin-bottom: 0.5rem;
 
     &[disabled] {
       background: var(--color-grey-light);