From 39550091e81468cbaff35fd032c9c855912267d6 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Tue, 29 Jul 2014 17:35:03 +0300
Subject: [PATCH] Minor display tweaks

---
 core/client/assets/sass/components/navigation.scss | 5 +++--
 core/client/assets/sass/layouts/default.scss       | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/core/client/assets/sass/components/navigation.scss b/core/client/assets/sass/components/navigation.scss
index f1fd39041f..a0d3d44f0f 100644
--- a/core/client/assets/sass/components/navigation.scss
+++ b/core/client/assets/sass/components/navigation.scss
@@ -116,9 +116,9 @@
             font-size: 11px;
             text-transform: none;
             letter-spacing: 0;
-            color: #cacaca;
+            color: rgba(255,255,255,0.4);
             margin-top: 0;
-            line-height: 12px;
+            line-height: 11px;
         }
     }
     &:hover .name {
@@ -138,6 +138,7 @@
 
     // Fixed width, position left
     .global-nav {
+        z-index: 20; // below the .viewport when collapsed
         width: 260px;
         height: auto;
         top: 0;
diff --git a/core/client/assets/sass/layouts/default.scss b/core/client/assets/sass/layouts/default.scss
index 0a0de3a712..fde25122cc 100644
--- a/core/client/assets/sass/layouts/default.scss
+++ b/core/client/assets/sass/layouts/default.scss
@@ -6,6 +6,7 @@
 .viewport {
     @include position(absolute, 0px 0px 0px 0px);
     overflow: hidden;
+    z-index: 500; // Above the .global-nav when collapsed
 
     // TODO: move this to .global-nav-expanded class
     @media (max-width: 1025px) {