(PC-31582)[PRO] fix: Makes Cookies modal small-devices compatible

pass-culture · Sep 2, 2024 · 303b0f6 · 303b0f6
1 parent 4543a5f
commit 303b0f6
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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);