diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2019-04-18 11:11:04 +0800 |
---|---|---|
committer | Dan J Miller <danjm.com@gmail.com> | 2019-04-18 11:11:04 +0800 |
commit | 3519e90ffdec61589359f44556994f42492fffd8 (patch) | |
tree | c406c627b2b750259535a092a9fd3d721ca12788 /ui/app/components | |
parent | ed23801490dfd6a1c0f162f9887e50686bb7f20d (diff) | |
download | tangerine-wallet-browser-3519e90ffdec61589359f44556994f42492fffd8.tar.gz tangerine-wallet-browser-3519e90ffdec61589359f44556994f42492fffd8.tar.zst tangerine-wallet-browser-3519e90ffdec61589359f44556994f42492fffd8.zip |
Make height consistent on all row in send-content (#6480)
* Update all send-content row to 54px height
* Remove header subtitle
* Remove tests that check for send screen subheader
Diffstat (limited to 'ui/app/components')
-rw-r--r-- | ui/app/components/app/gas-customization/gas-price-button-group/index.scss | 13 | ||||
-rw-r--r-- | ui/app/components/ui/unit-input/index.scss | 11 |
2 files changed, 17 insertions, 7 deletions
diff --git a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss index 0b48995e2..92b4aba42 100644 --- a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss +++ b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss @@ -65,6 +65,7 @@ .gas-price-button-group--small { display: flex; justify-content: stretch; + height: 54px; @media screen and (max-width: $break-small) { max-width: 260px; @@ -80,10 +81,14 @@ &__label { font-weight: 500; + line-height: 16px; + padding-bottom: 4px; } &__primary-currency { font-size: 12px; + line-height: 12px; + padding-bottom: 2px; @media screen and (max-width: 575px) { font-size: 10px; @@ -92,6 +97,8 @@ &__secondary-currency { font-size: 12px; + line-height: 12px; + padding-bottom: 2px; @media screen and (max-width: 575px) { font-size: 10px; @@ -105,11 +112,7 @@ .button-group__button, .button-group__button--active { background: white; color: $scorpion; - padding: 2px 8.5px 4px 8.5px; - - @media screen and (max-width: $break-small) { - padding-left: 4px; - } + padding: 0 4px; div { display: flex; diff --git a/ui/app/components/ui/unit-input/index.scss b/ui/app/components/ui/unit-input/index.scss index e4075d225..adc4a3531 100644 --- a/ui/app/components/ui/unit-input/index.scss +++ b/ui/app/components/ui/unit-input/index.scss @@ -7,7 +7,7 @@ border-radius: 4px; background-color: #fff; color: #4d4d4d; - font-size: 1rem; + font-size: 16px; padding: 8px 10px; position: relative; @@ -29,6 +29,8 @@ &__inputs { flex: 1 0 auto; + display: flex; + flex-flow: column nowrap; } &__input { @@ -38,15 +40,20 @@ border: none; outline: 0 !important; max-width: 22ch; + height: 16px; + line-height: 18px; } &__input-container { display: flex; - align-items: center; + align-items: flex-start; + padding-bottom: 4px; } &__suffix { margin-left: 3px; + font-size: 1rem; + line-height: 1rem; } &--error { |