diff --git a/src/sass/views/amount.scss b/src/sass/views/amount.scss index 7e5396f7f..627f905e8 100644 --- a/src/sass/views/amount.scss +++ b/src/sass/views/amount.scss @@ -32,6 +32,13 @@ padding-left: 48px; } } + @media(max-width: 320px) { + .bitcoin-address { + & > span:last-child { + margin-left: -2px; + } + } + } .send-gravatar { left: 11px; position: absolute; @@ -51,6 +58,9 @@ @media(max-height: 480px) { padding: 0px; } + @media(max-width: 320px) { + padding: 0px; + } .title { float: left; padding-top: 10px; @@ -78,6 +88,16 @@ @media(max-height: 480px) { top: 45px; } + @media(max-width: 320px) { + bottom: 276px; + top: 60px; + & > div { + display: inline-block; + } + & > div:first-child { + display: inherit; + } + } } } .amount-pane-no-recipient { @@ -147,6 +167,10 @@ position: relative; top: -3px; line-height: 1; + @media(max-width: 320px) { + line-height: 30px; + height: 30px; + } } &__results { &--minimize { diff --git a/src/sass/views/includes/walletActivity.scss b/src/sass/views/includes/walletActivity.scss index ffba46ecf..0d5fb0496 100644 --- a/src/sass/views/includes/walletActivity.scss +++ b/src/sass/views/includes/walletActivity.scss @@ -8,6 +8,9 @@ &-amount { float: right; font-size: 18px; + @media(max-width: 320px) { + text-align: right; + } } &-note { diff --git a/src/sass/views/tab-receive.scss b/src/sass/views/tab-receive.scss index 88486c4af..09831a149 100644 --- a/src/sass/views/tab-receive.scss +++ b/src/sass/views/tab-receive.scss @@ -28,6 +28,9 @@ @media(max-height: 600px) and (-webkit-device-pixel-ratio: 2) { height: 64vh; } + @media(max-width: 320px) { + height: 62vh; + } &-info { height: 100%; display: flex; @@ -35,6 +38,9 @@ justify-content: center; align-items: center; width: 100%; + @media(max-width: 320px) { + height: auto; + } } article { flex:1; @@ -128,6 +134,12 @@ @media(min-width:450px) { font-size:1rem; } + &.item-icon-left { + @media(max-width: 320px) { + padding-left: 48px; + text-overflow: initial; + } + } color:$v-light-gray; } } @@ -140,6 +152,10 @@ justify-content: center; flex: 1; z-index: 1; + @media(max-width: 320px) { + height: 260px; + margin-top: -50px; + } div { transition: all .4s ease; &.current, diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss index 3ee4846f4..18baa3324 100644 --- a/src/sass/views/walletDetails.scss +++ b/src/sass/views/walletDetails.scss @@ -176,6 +176,9 @@ display: block; align-items: center; justify-content: center; + @media(max-width: 320px) { + padding-top: 60px; + } &.collapsible { margin-bottom: 10px;