From fbb15afa88b2cd68dc89d2ed78bee9110deab894 Mon Sep 17 00:00:00 2001
From: Valeriy <ValeraS@users.noreply.github.com>
Date: Sun, 27 Jan 2019 16:11:50 +0300
Subject: [PATCH] fix(client): header styles

---
 .../components/Header/components/UserState.js |  2 +-
 .../components/Header/components/login.css    | 12 +----------
 client/src/components/Header/header.css       | 20 +++++++++----------
 client/src/components/layouts/night.css       |  6 +-----
 4 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/client/src/components/Header/components/UserState.js b/client/src/components/Header/components/UserState.js
index c67fb24e20..9d860bce32 100644
--- a/client/src/components/Header/components/UserState.js
+++ b/client/src/components/Header/components/UserState.js
@@ -36,7 +36,7 @@ function UserState(props) {
         className='user-state-spinner'
         color='white'
         fadeIn='none'
-        height='40px'
+        height='38px'
         name='line-scale'
       />
     );
diff --git a/client/src/components/Header/components/login.css b/client/src/components/Header/components/login.css
index 9361255930..66e1343546 100644
--- a/client/src/components/Header/components/login.css
+++ b/client/src/components/Header/components/login.css
@@ -1,13 +1,3 @@
-.btn-cta {
-  background-color: #ffac33;
-  background-image: linear-gradient(#ffcc4d, #ffac33);
-  border-color: #f1a02a;
-  color: #292f33 !important;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  max-height: 38px;
-  padding: 4px 12px;
-}
-
 .signup-btn.btn {
   background-color: #ffac33;
   background-image: linear-gradient(#ffcc4d, #ffac33);
@@ -15,7 +5,7 @@
   border-color: #f1a02a;
   color: #292f33 !important;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  height: auto;
+  padding: 4px 12px;
 }
 .signup-btn:hover,
 .signup-btn:focus {
diff --git a/client/src/components/Header/header.css b/client/src/components/Header/header.css
index 300274214b..729d8e7f82 100644
--- a/client/src/components/Header/header.css
+++ b/client/src/components/Header/header.css
@@ -34,7 +34,6 @@ header {
   list-style: none;
   justify-content: space-between;
   align-items: center;
-  width: 290px;
   background-color: #006400;
 }
 
@@ -43,14 +42,8 @@ header {
   max-height: 38px;
 }
 
-#top-right-nav a.btn-cta {
-  background-color: #ffac33;
-  background-image: linear-gradient(#ffcc4d, #ffac33);
-  border-color: #f1a02a;
-  color: #292f33 !important;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  max-height: 38px;
-  padding: 4px 12px;
+#top-right-nav > li > a {
+  padding: 8px 15px;
 }
 
 #top-right-nav li {
@@ -60,7 +53,7 @@ header {
 #top-right-nav li,
 #top-right-nav li > a {
   color: #fff;
-  font-size: 17px;
+  font-size: 18px;
 }
 
 #top-right-nav li:hover,
@@ -89,6 +82,7 @@ li.user-state-link > a:focus {
 
 .user-state-spinner {
   height: 38px;
+  padding: 0 12px;
 }
 
 .user-state-spinner > div {
@@ -101,12 +95,16 @@ li.user-state-link > a:focus {
   padding: 0 10px;
 }
 
+.fcc_searchBar .ais-SearchBox-input,
+.fcc_searchBar .ais-Hits {
+  background-color: #fff;
+}
+
 .fcc_searchBar .ais-SearchBox-form {
   margin-bottom: 0;
 }
 
 .fcc_searchBar .ais-Hits {
-  background-color: white;
   width: 60%;
 }
 
diff --git a/client/src/components/layouts/night.css b/client/src/components/layouts/night.css
index fb8b00553a..d6c90f4786 100644
--- a/client/src/components/layouts/night.css
+++ b/client/src/components/layouts/night.css
@@ -24,11 +24,6 @@
   color: #333;
 }
 
-.night #top-right-nav li > a,
-.night #top-right-nav li > span {
-  color: #ddd;
-}
-
 .night .btn.btn-primary {
   color: #ddd;
 }
@@ -40,6 +35,7 @@
   color: #fff;
   background: #2a2a2a;
 }
+.night .footer,
 .night .challenge-instructions blockquote,
 .night blockquote,
 .night pre {