From 55297041a1bdf1d51943cd685593506ae5c53b35 Mon Sep 17 00:00:00 2001 From: btzr-io <btzr.io@gmail.com> Date: Mon, 2 Oct 2017 20:10:40 -0600 Subject: [PATCH] fix header invalid css property and update button styles --- ui/scss/_vars.scss | 1 + ui/scss/component/_button.scss | 2 +- ui/scss/component/_header.scss | 5 +++-- 3 files changed, 5 insertions(+), 3 deletions(-) diff --git a/ui/scss/_vars.scss b/ui/scss/_vars.scss index e0f112e02..33e3f0a05 100644 --- a/ui/scss/_vars.scss +++ b/ui/scss/_vars.scss @@ -73,6 +73,7 @@ $text-color: #000; --button-padding: $spacing-vertical * 2/3; --button-height: $spacing-vertical * 1.5; --button-intra-margin: $spacing-vertical; + --button-radius: 3px; /* Header */ --header-bg: var(--color-bg); diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss index a38c2f713..3cc697db7 100644 --- a/ui/scss/component/_button.scss +++ b/ui/scss/component/_button.scss @@ -20,7 +20,7 @@ $button-focus-shift: 12%; text-decoration: none; border: 0 none; text-align: center; - border-radius: 2px; + border-radius: var(--button-radius); text-transform: uppercase; .icon { diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss index 7a933f4e3..49881422c 100644 --- a/ui/scss/component/_header.scss +++ b/ui/scss/component/_header.scss @@ -4,6 +4,8 @@ color: var(--header-color); background: var(--header-bg); display: flex; + align-items: center; + justify-content: space-around; position: fixed; box-shadow: var(--box-shadow-layer); top: 0; @@ -14,12 +16,11 @@ box-sizing: border-box; } .header__item { - flex: 0 0 content; padding-left: $spacing-vertical / 4; padding-right: $spacing-vertical / 4; .button-alt { background: var(--header-button-bg) !important; - font-size: 18px; + font-size: 17px; } .button-alt:hover { background: var(--header-button-hover-bg) !important;