Switch styling and logo over to the new Quay logo

static/css/quay.css

@@ -1316,8 +1316,8 @@ i.toggle-icon:hover {
 
 .landing .logo {
   position: absolute;
-  top: 10px;
-  left: 10px;
+  top: 20px;
+  left: 16px;
 }
 
 .landing .product-name {
@@ -1366,12 +1366,6 @@ i.toggle-icon:hover {
   font-weight: normal;
 }
 
-@media (max-width: 1032px) {
-   .landing .logo {
-      width: 250px;
-   }
-}
-
 @media (max-width: 971px) {
   .landing .navbar-collapse {
       background: rgba(0, 0, 0, 0.8);
@@ -2645,11 +2639,11 @@ p.editable:hover i {
 }
 
 .navbar-brand {
-  padding: 12px 15px;
+  padding: 6px;
 }
 
 .navbar-brand img {
-  height: 25px;
+  height: 36px;
 }
 
 .user-dropdown > img {

static/directives/header-bar.html

@@ -4,7 +4,7 @@
     ≡
   </button>
   <a class="navbar-brand" href="/" target="{{ appLinkTarget() }}">
-    <img src="/static/img/quay-logo-inverted.png">
+    <img src="/static/img/white_horizontal.png">
   </a>
 </div>
 

static/partials/landing-normal.html

@@ -2,7 +2,7 @@
   <div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
   <div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
   <div class="landing-content">
-    <img class="logo" src="/static/img/box-logo.png">
+    <img class="logo" src="/static/img/white_horizontal.png">
 
     <div class="header-bar"></div>