Merge pull request #62 from blocknative/styles/padding

Space out padding a little Closes #61
blocknative · Nov 8, 2019 · 4378acb · 4378acb
2 parents eec8c1c + 204e695
commit 4378acb
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
@@ -41,7 +41,7 @@
     padding: 1.33em;
     position: relative;
     overflow: hidden;
-    max-width: 37em;
+    max-width: 36em;
     color: #4a4a4a;
   }
 

diff --git a/src/components/ModalHeader.svelte b/src/components/ModalHeader.svelte
@@ -10,7 +10,6 @@
     display: flex;
     align-items: center;
     font-size: inherit;
-    margin-bottom: 0.66em;
   }
 
   /* .bn-onboard-modal-content-header-icon */

diff --git a/src/components/Wallets.svelte b/src/components/Wallets.svelte
@@ -16,7 +16,7 @@
     flex-flow: row wrap;
     align-items: center;
     list-style-type: none;
-    margin: 1em 0 0.66em 0;
+    margin: 1em 0;
     max-height: 66vh;
     overflow-y: scroll;
     padding: 0;
@@ -32,13 +32,14 @@
     display: flex;
     font-size: inherit;
     justify-content: center;
+    margin-top: 1em;
   }
 
   ::-webkit-scrollbar {
     display: none;
   }
 
-  @media only screen and (max-width: 700px) {
+  @media only screen and (max-width: 450px) {
     ul li {
       width: 100%;
     }

diff --git a/src/elements/IconButton.svelte b/src/elements/IconButton.svelte
@@ -55,7 +55,7 @@
     text-align: left;
   }
 
-  @media only screen and (max-width: 700px) {
+  @media only screen and (max-width: 450px) {
     button {
       width: 100%;
     }

diff --git a/src/views/WalletSelect.svelte b/src/views/WalletSelect.svelte
@@ -162,7 +162,7 @@
   /* .bn-onboard-select-description, .bn-onboard-select-wallet-definition */
   p {
     font-size: 0.889em;
-    margin: 1em 0 0 0;
+    margin: 1.6em 0 0 0;
     font-family: "Helvetica Neue";
   }