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;