diff options
Diffstat (limited to 'ui/app/components/sidebars/sidebar-content.scss')
-rw-r--r-- | ui/app/components/sidebars/sidebar-content.scss | 58 |
1 files changed, 52 insertions, 6 deletions
diff --git a/ui/app/components/sidebars/sidebar-content.scss b/ui/app/components/sidebars/sidebar-content.scss index c0973be2c..7d1f719dc 100644 --- a/ui/app/components/sidebars/sidebar-content.scss +++ b/ui/app/components/sidebars/sidebar-content.scss @@ -2,10 +2,24 @@ .gas-modal-page-container { .page-container { max-width: 100%; + + &__content { + display: flex; + overflow-y: initial; + } + + @media screen and (max-width: $break-small) { + max-width: 344px; + min-height: auto; + } } .gas-price-chart { margin-left: 10px; + + &__root { + max-height: 160px !important; + } } .page-container__bottom { @@ -20,21 +34,53 @@ } .basic-tab-content { - height: 377px; + height: 318px; margin-bottom: 0px; border-bottom: 1px solid #d2d8dd; - } - .advanced-tab__fee-chart { - height: 320px; + @media screen and (max-width: $break-small) { + padding-left: 14px; + padding-bottom: 21px; + } + + .gas-price-button-group--alt { + @media screen and (max-width: $break-small) { + max-width: 318px; + + &__time-estimate { + font-size: 12px; + } + } + } } - .advanced-tab__fee-chart__speed-buttons { - bottom: 77px; + .advanced-tab { + &__fee-chart { + height: 320px; + + @media screen and (max-width: $break-small) { + height: initial; + } + } + + &__fee-chart__speed-buttons { + bottom: 77px; + + @media screen and (max-width: $break-small) { + display: none; + } + } } + .gas-modal-content__info-row { height: 170px; + + @media screen and (max-width: $break-small) { + height: initial; + display: flex; + justify-content: center; + } } } }
\ No newline at end of file |