header

client/coral-admin/src/components/ui/Header.css

@@ -10,6 +10,8 @@
   width: 1170px;
   margin: 0 auto;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
+  height: 58px;
+  overflow: hidden;
 }
 
 .active {
@@ -51,10 +53,15 @@
 
 .navLink {
   padding: 0 20px;
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 500;
 }
 
+.nav {
+  height: auto;
+}
+
 .nav .navLink {
   padding: 0 20px;
+  letter-spacing: 0.4px;
 }

client/coral-admin/src/components/ui/Logo.css

@@ -3,7 +3,8 @@
   font-size: 20px;
   margin: 0;
   line-height: 60px;
-  padding: 0 20px;
+  padding-left: 13px;
+  margin-top: -4px;
 }
 
 .logo span {
@@ -11,6 +12,7 @@
   margin-left: 10px;
   font-size: 18px;
   vertical-align: middle;
+  font-weight: 500;
 }
 
 .logo {

client/coral-admin/src/components/ui/Logo.js

@@ -5,7 +5,7 @@ import {CoralLogo} from 'coral-ui';
 export const Logo = () => (
   <div className={styles.logo}>
     <h1>
-      <CoralLogo stroke="#E5E5E5" />
+      <CoralLogo stroke="#E5E5E5" height="35px" width="35px" />
       <span>Talk</span>
     </h1>
   </div>