From e3450c8171f0cd96d03e1c09be392cb3aa127ece Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Mon, 16 Sep 2024 12:47:45 +0200
Subject: [PATCH] Fix storage request modal style

---
 .../StorageRequestReview.css                   | 18 +++++++++++++++++-
 .../StorageRequestStepper.tsx                  |  2 +-
 src/routes/dashboard/purchases.css             |  6 ++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/StorageRequestSetup/StorageRequestReview.css b/src/components/StorageRequestSetup/StorageRequestReview.css
index d242404..7baf937 100644
--- a/src/components/StorageRequestSetup/StorageRequestReview.css
+++ b/src/components/StorageRequestSetup/StorageRequestReview.css
@@ -83,7 +83,19 @@
 
 @media (max-width: 800px) {
   .storageRequestReview-numbers {
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr;
+  }
+
+  .storageRequestReview-presets {
+    flex-direction: column;
+  }
+
+  .storageRequestReview-presets-blocs {
+    flex-direction: column;
+  }
+
+  .storageRequestReview-alert {
+    flex-direction: column;
   }
 }
 
@@ -92,3 +104,7 @@
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
+
+.document-noOverflow {
+  overflow: hidden;
+}
diff --git a/src/components/StorageRequestSetup/StorageRequestStepper.tsx b/src/components/StorageRequestSetup/StorageRequestStepper.tsx
index a97c1de..885a4f7 100644
--- a/src/components/StorageRequestSetup/StorageRequestStepper.tsx
+++ b/src/components/StorageRequestSetup/StorageRequestStepper.tsx
@@ -182,7 +182,7 @@ export function StorageRequestStepper({ className, open, onClose }: Props) {
 
   return (
     <>
-      <Backdrop open={open} onClose={onClose} />
+      <Backdrop open={open} onClose={onClose} removeScroll={true} />
       <div
         className={classnames(
           ["storageRequest"],
diff --git a/src/routes/dashboard/purchases.css b/src/routes/dashboard/purchases.css
index ea4db61..df90d3a 100644
--- a/src/routes/dashboard/purchases.css
+++ b/src/routes/dashboard/purchases.css
@@ -13,3 +13,9 @@
   margin: auto;
   display: block;
 }
+
+@media (max-width: 800px) {
+  .purchases-modal {
+    width: calc(100% - 2rem);
+  }
+}