fix(client): header styles

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'
       />
     );

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 {

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%;
 }
 

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 {