diff --git a/src/styles/aside.less b/src/styles/aside.less index 22ac8ad8..7fbf05c6 100644 --- a/src/styles/aside.less +++ b/src/styles/aside.less @@ -539,13 +539,15 @@ aside { flex-direction: column; justify-content: space-evenly; font-size: 14px; - padding: 16px 0 16px 30px; + padding: 16px 28px 16px 30px; white-space: nowrap; border-top: 1px solid @color_divider; span { display: block; font-size: 12px; color: @color_text_secondary; + overflow: hidden; + text-overflow: ellipsis; } } diff --git a/src/styles/modal.less b/src/styles/modal.less index b2aaed49..8461fa2f 100644 --- a/src/styles/modal.less +++ b/src/styles/modal.less @@ -102,6 +102,11 @@ .confirm-address-unverified { width: 370px; padding: 24px 48px; + + h3 { + word-break: break-all; + } + button:not(.close-modal) { width: 100%; margin-top: 12px; @@ -113,10 +118,21 @@ width: 360px; padding: 24px 48px; + h3 { + word-break: break-all; + } + p { padding: 14px 0px; } + label { + display: block; + padding-bottom: 6px; + text-align: left; + color: @color_text_secondary; + } + button { width: 100%; margin-top: 12px; @@ -138,7 +154,6 @@ } } } - .close-modal { position: absolute; @@ -217,6 +232,12 @@ .passphrase { padding: 24px 48px; + + h3 { + max-width: 260px; + word-break: break-all; + } + .row { position: relative; text-align: left;