diff options
| author | Dan <danjm.com@gmail.com> | 2017-08-31 08:02:13 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-01 15:12:58 +0800 |
| commit | 799627189d62296cdec8f9604169d661123dec38 (patch) | |
| tree | 2941c1b637768b1d44bea81b1dd52bdd0442da96 /ui/app/css | |
| parent | d5998d3b0782872e6070c6feca559353ed536541 (diff) | |
| download | tangerine-wallet-browser-799627189d62296cdec8f9604169d661123dec38.tar.gz tangerine-wallet-browser-799627189d62296cdec8f9604169d661123dec38.tar.zst tangerine-wallet-browser-799627189d62296cdec8f9604169d661123dec38.zip | |
Fix margin, padding, height for header.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/header.scss | 16 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/newui-sections.scss | 6 |
2 files changed, 17 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index 337a8b351..bfa94134d 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -3,8 +3,8 @@ visibility: visible; background: $gallery; padding: 6px 8px; - height: 12vh; - max-height: 60px; + height: 14.4vh; + max-height: 97px; position: relative; z-index: $header-z-index; @@ -17,6 +17,18 @@ } } +.app-header-contents { + display: flex; + justify-content: inherit; + width: 100%; + + @media screen and (min-width: 576px) { + width: 80vw; + margin-left: 10vw; + margin-bottom: 15px; + } +} + .app-header h1 { font-family: 'Montserrat Regular'; text-transform: uppercase; diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss index 33fbc83e6..288a3650d 100644 --- a/ui/app/css/itcss/components/newui-sections.scss +++ b/ui/app/css/itcss/components/newui-sections.scss @@ -106,7 +106,7 @@ $wallet-view-bg: $wild-sand; @media screen and (min-width: 769px) { .main-container { - margin-top: 35px; + margin-top: 6.9vh; width: 80%; height: 82vh; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .08); @@ -115,7 +115,7 @@ $wallet-view-bg: $wild-sand; @media screen and (min-width: 1281px) { .main-container { - margin-top: 35px; + margin-top: 6.9vh; width: 65%; height: 82vh; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .08); @@ -162,5 +162,5 @@ $wallet-view-bg: $wild-sand; .account-options-menu { align-items: center; justify-content: flex-start; - margin: 5% 7%; + margin: 5% 7% 0%; } |