css

app/assets/stylesheets/app/_header.scss

@@ -1,13 +1,13 @@
 .header {
   position: relative;
   width: 100%;
-  background-color: #f1f1f1;
+  background-color: #d8d7d9;
   height: $header-height;
   max-height: $header-height;
   z-index: 100;
   font-size: 10px;
   color: $dark-gray;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid rgba(#979799, 0.4);
 
   a {
     color: $dark-gray;
@@ -32,12 +32,12 @@
 .menu {
   // float: right;
   margin-left: 15px;
-  padding-top: 9px;
+  padding-top: 5px;
   margin-top: 0px;
-  color: black;
+  color: #515263;
   z-index: 1000;
   margin-bottom: 0px;
-  font-size: 12px;
+  font-size: 11px;
 
  .login-panel .login-input {
    border-radius: 0px;
@@ -54,7 +54,7 @@
      font-weight: bold;
 
      a {
-       color: $dark-gray;
+       color: #515263;
      }
 
      .panel {

app/assets/stylesheets/app/_main.scss

@@ -101,7 +101,7 @@ p {
   min-width: 900px;
 }
 
-$header-height: 35px;
+$header-height: 25px;
 
 .app-container {
   display: table;
@@ -171,9 +171,9 @@ $section-header-height: 70px;
 
      > .add-button {
        float: right;
-       font-size: 22px;
-       width: 30px;
-       height: 30px;
+       font-size: 18px;
+       width: 45px;
+       height: 24px;
        cursor: pointer;
        background-color: #e9e9e9;
        border-radius: 4px;