- Change logo on non-landing to be just the box and to have a slight border on the right

- Change the letter spacing on the landing page to make the header more readable
- Change the logo on the 500 page

static/css/quay.css

@@ -15,10 +15,17 @@ nav.navbar {
   background-image: linear-gradient(to top, #535C66 0%,#6E8194 100%);
 }
 
+nav.navbar-default .navbar-brand {
+    padding-left: 14px;
+    border-right: 1px solid rgb(134, 140, 163);
+    padding-right: 14px;
+    padding-top: 5px;
+    height: 50px;
+}
+
 nav.navbar-default .navbar-nav>li>a {
   color: white;
   letter-spacing: 0.5px;
-  font-weight: 600;
 }
 
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
@@ -654,12 +661,12 @@ i.toggle-icon:hover {
 .user-tools .user-tool {
   font-size: 24px;
   margin-top: 14px;
-  color: #aaa;
+  color: white;
 }
 
 .user-tools i.user-tool:hover {
   cursor: pointer;
-  color: #428bca;
+  color: #BEE1FF;
 }
 
 .status-box a {
@@ -1351,10 +1358,20 @@ i.toggle-icon:hover {
   background: transparent !important;
 }
 
+.landing .header-bar .user-tools i {
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.landing .header-bar .user-tools i:hover {
+  background: rgba(255, 255, 255, 0.4) !important;
+}
+
 .landing .navbar-links a {
-  font-weight: bold;
+  font-weight: 600;
   color: white;
   border-radius: 6px;
+  letter-spacing: 0.5px;
 }
 
 .landing .navbar-links  li a:hover {

static/directives/header-bar.html

@@ -4,7 +4,7 @@
     ≡
   </button>
   <a class="navbar-brand" href="/" target="{{ appLinkTarget() }}">
-    <img src="/static/img/white_horizontal.png">
+    <img src="/static/img/quay-box-white.png" data-title="Quay.io" data-placement="bottom" bs-tooltip>
   </a>
 </div>