diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte index 7ae667405..4ab7980f2 100644 --- 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 index d0fa4f24e..79ef7f5bd 100644 --- 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 index 5beeb5a07..b8beb95ca 100644 --- 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 index 22412784d..14370d810 100644 --- 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 index 9861d7ea1..ef1d6092a 100644 --- 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"; }