diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-05 06:55:14 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-05 06:57:43 +0800 |
commit | 75c3009f839f94a19830673673f4b9ac25342633 (patch) | |
tree | 2420c6c282bfd562cac8ed9d6f5e8867d6494002 /ui/app/css/itcss/components/header.scss | |
parent | 9213789c44beaf4bf734bc6192dc646d706d5c44 (diff) | |
download | tangerine-wallet-browser-75c3009f839f94a19830673673f4b9ac25342633.tar.gz tangerine-wallet-browser-75c3009f839f94a19830673673f4b9ac25342633.tar.zst tangerine-wallet-browser-75c3009f839f94a19830673673f4b9ac25342633.zip |
Fix header style; Address comments
Diffstat (limited to 'ui/app/css/itcss/components/header.scss')
-rw-r--r-- | ui/app/css/itcss/components/header.scss | 26 |
1 files changed, 14 insertions, 12 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index bfa94134d..160476d58 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -2,11 +2,12 @@ align-items: center; visibility: visible; background: $gallery; - padding: 6px 8px; height: 14.4vh; max-height: 97px; position: relative; z-index: $header-z-index; + display: flex; + flex-flow: column nowrap; @media screen and (max-width: 575px) { position: fixed; @@ -19,13 +20,22 @@ .app-header-contents { display: flex; - justify-content: inherit; + justify-content: space-between; + flex-flow: row nowrap; width: 100%; + height: 6.9vh; @media screen and (min-width: 576px) { + width: 85vw; + } + + @media screen and (min-width: 769px) { width: 80vw; - margin-left: 10vw; - margin-bottom: 15px; + height: 6.9vh; + } + + @media screen and (min-width: 1281px) { + width: 65vw; } } @@ -47,18 +57,10 @@ h2.page-subtitle { display: flex; flex-direction: row; align-items: center; - - @media screen and (min-width: 576px) { - margin-bottom: 1.8em; - } } .left-menu-wrapper { display: flex; flex-direction: row; align-items: center; - - @media screen and (min-width: 576px) { - margin-bottom: 1.8em; - } } |