Fix overflowing UI & buttons in Signature Request screens (#18247)

* signature-req: fix overflow ui * signature-req: fix uneven btn height
MetaMask · Mar 23, 2023 · 4474359 · 4474359
1 parent 8c310a0
commit 4474359
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/ui/components/app/signature-request-original/index.scss b/ui/components/app/signature-request-original/index.scss
@@ -62,11 +62,11 @@
   }
 
   &__body {
-    width: 100%;
-    height: 100%;
     display: flex;
     flex-flow: column;
-    flex: 1 1 auto;
+    flex: 1 1 0;
+    min-height: 0;
+    max-width: 100%;
   }
 
   &__origin {
@@ -92,18 +92,18 @@
   }
 
   &__rows {
-    height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     border-top: 1px solid var(--color-border-default);
     display: flex;
     flex-flow: column;
+    flex: 1 1 0;
+    min-height: 0;
   }
 
   &__row {
     display: flex;
     flex-flow: column;
-    flex: 1 0 auto;
   }
 
   &__row-title {

diff --git a/ui/components/ui/page-container/index.scss b/ui/components/ui/page-container/index.scss
@@ -190,7 +190,7 @@
       margin-right: 0;
 
       &:first-of-type {
-        margin-bottom: 0;
+        margin-right: 4px;
       }
     }
   }