aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/app/gas-customization/gas-price-button-group/index.scss
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/app/gas-customization/gas-price-button-group/index.scss')
-rw-r--r--ui/app/components/app/gas-customization/gas-price-button-group/index.scss13
1 files changed, 8 insertions, 5 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;