From 1ea453237f086dc826f995d5e65b7244b0dccb80 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Mon, 2 Oct 2017 19:27:44 -0600
Subject: [PATCH] improve header css

---
 ui/dist/themes/light.css       | 4 ++++
 ui/scss/_vars.scss             | 4 ++--
 ui/scss/component/_header.scss | 4 ++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/dist/themes/light.css b/ui/dist/themes/light.css
index c95f61136..4409f8f54 100644
--- a/ui/dist/themes/light.css
+++ b/ui/dist/themes/light.css
@@ -1,4 +1,8 @@
 :root {
     /* Colors */
     --color-primary: #155B4A;
+
+    /* search */
+    --search-bg: var(--color-canvas);
+    --search-border: 1px solid rgba(0,0,0,0.15);
 }
diff --git a/ui/scss/_vars.scss b/ui/scss/_vars.scss
index 96599a669..1b589f631 100644
--- a/ui/scss/_vars.scss
+++ b/ui/scss/_vars.scss
@@ -24,7 +24,6 @@ $text-color: #000;
   --color-bg: #ffffff;
   --color-bg-alt: #D9D9D9;
 
-
   /* Misc */
   --content-max-width: 1000px;
   --nsfw-blur-intensity: 20px;
@@ -80,7 +79,8 @@ $text-color: #000;
   --header-color: #666;
   --header-active-color: rgba(0,0,0, 0.85);
   --header-height: $spacing-vertical * 2.5;
-  --header-button-bg: var(--button-bg);
+  --header-button-bg: transparent; //var(--button-bg);
+  --header-button-hover-bg: var(--button-bg);
 
   /* Header -> search */
   --search-bg: rgba(255, 255, 255, 0.7);
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 7d5e0e0af..092fbfdd1 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -19,6 +19,10 @@
   padding-right: $spacing-vertical / 4;
   .button-alt {
       background: var(--header-button-bg) !important;
+      font-size: 18px;
+  }
+  .button-alt:hover {
+      background: var(--header-button-hover-bg) !important;
   }
 }