From bf9a3363446cd5f397dd3cc989187ffd99e3994c Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Thu, 28 Jun 2018 10:12:40 +1000
Subject: [PATCH] correct notifications positioning on smaller screens - was
 hidden behind the left nav

---
 .../src/less/application/grid.less                    | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/application/grid.less b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
index 2671adba32..ff795d5ff4 100644
--- a/src/Umbraco.Web.UI.Client/src/less/application/grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
@@ -248,13 +248,13 @@ body.umb-drawer-is-visible #mainwrapper{
     #applications-tray {
         left: 60px;
     }
-    #navigation {
+    #navigation, #umb-notifications-wrapper {
         left: 60px;
     }
-    #contentwrapper, #contentcolumn, #umb-notifications-wrapper {
+    #contentwrapper, #contentcolumn {
         left: 30px;
     }
-    #umbracoMainPageBody .umb-modal-left.fade.in {
+    #umbracoMainPageBody .umb-modal-left.fade.in { 
         margin-left: 61px;
     }
 }
@@ -277,12 +277,13 @@ body.umb-drawer-is-visible #mainwrapper{
     #applications-tray {
         left: 40px;
     }
-    #navigation {
+    #navigation, #umb-notifications-wrapper {
         left: 40px;
     }
-    #contentwrapper, #contentcolumn, #umb-notifications-wrapper {
+    #contentwrapper, #contentcolumn {
         left: 20px;
     }
+
     #umbracoMainPageBody .umb-modal-left.fade.in {
         margin-left: 41px;
         width: 85%!important;