From 42db78ce14834969f9373ae0db08df2404cb995f Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Sun, 16 Dec 2018 17:22:49 +0000
Subject: [PATCH] Ensure modals in sidebar show in main view

z-index shenanigans to ensure modals rooted in position:fixed sidebar appear correct centered over main view.
---
 .../styles/core/layout/master-internal.scss   | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/gui/app/styles/core/layout/master-internal.scss b/gui/app/styles/core/layout/master-internal.scss
index 13b94734..3fd3e4ba 100644
--- a/gui/app/styles/core/layout/master-internal.scss
+++ b/gui/app/styles/core/layout/master-internal.scss
@@ -1,4 +1,5 @@
 // CSS GRID WITH FIXED SIDEBAR OUTSIDE GRID
+
 // Mobile-first layout
 .master-container {
 	display: block;
@@ -18,6 +19,7 @@
 	display: block;
 	height: auto;
 	width: 100%;
+	z-index: 1041;
 
 	.master-navbar {
 		display: block;
@@ -38,9 +40,15 @@
 			width: 100%;
 
 			> .nav-options {
+				> .selected {
+					> .dicon, > .name {
+						color: $theme-400 !important;
+					}
+				}
+
 				> .option {
 					cursor: pointer;
-					display: block;
+					display: inline-block;
 
 					> .dicon {
 						display: inline-block;
@@ -53,10 +61,6 @@
 						display: none;
 					}
 				}
-
-				> .selected {
-					// background-color: $theme-400;
-				}
 			}
 
 			> .meta {
@@ -241,15 +245,15 @@
 							display: block;
 							color: $color-white;
 							font-size: 24px;
-							padding: 25px 0 10px 0;
+							padding: 15px 0 10px 0;
 						}
 
 						> .name {
 							display: block;
-							padding: 0 0 10px 0;
+							padding: 0 0 15px 0;
 							font-size: 0.8rem;
 							font-weight: 700;
-							color: white;
+							color: $color-white;
 							text-transform: uppercase;
 						}
 					}