From 7aac3dc1bf1e1d1d568360d975ebd92b40f89eed Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Wed, 13 Feb 2019 16:33:02 +1000
Subject: [PATCH 1/2] notifications are full-width on all screen sizes

---
 .../src/less/application/grid.less            |  8 +---
 .../notifications/umb-notifications.less      | 46 +++++++++----------
 2 files changed, 22 insertions(+), 32 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 073d1b5721..0c6e790272 100644
--- a/src/Umbraco.Web.UI.Client/src/less/application/grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/application/grid.less
@@ -62,10 +62,6 @@ body.umb-drawer-is-visible #mainwrapper{
   margin: 0;
 }
 
-#umb-notifications-wrapper {
-    left: 80px;
-}
-
 #contentcolumn {
   left: 0px;
 }
@@ -171,13 +167,11 @@ body.umb-drawer-is-visible #mainwrapper{
 }
 
 @media (min-width: 1101px) {
-  #contentwrapper, #umb-notifications-wrapper {left: 360px;}
-  #speechbubble {left: 360px;}
+  #contentwrapper, #speechbubble {left: 360px;}
   .emptySection #contentwrapper {left:0px;}
 }
 
 //empty section modification
-.emptySection #umb-notifications-wrapper {left: 80px;}
 .emptySection #speechbubble {left: 0;}
 .emptySection #navigation {display: none}
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less b/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
index b29c340dce..9e16eca414 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
@@ -1,35 +1,31 @@
 .umb-notifications {
-   z-index: 1000;
-   position: absolute;
-   bottom: @editorFooterHeight;
-   left: 0;
-   right: 0;
-   border-bottom: none;
-   margin: auto;
-   padding: 0px;
-   border: none;
-   background: none;
-   border-radius: 0;
+    z-index: 1000;
+    position: absolute;
+    bottom: @editorFooterHeight;
+    left: 0;
+    right: 0;
+
+    @media (min-width: 1101px) {
+        left: 360px;
+    }
 }
 
 .umb-notifications__notifications {
-   list-style: none;
-   margin: 0;
-   position: relative;
-}
-
+    list-style: none;
+    margin: 0;
+    position: relative;
+} 
 
 .umb-notifications__notification {
-   padding: 5px 20px;
-   text-shadow: none;
-   font-size: 14px;
-   border: none;
-   border-radius: 0;
-   position: relative;
-   margin-bottom: 0;
+    padding: 5px 20px;
+    text-shadow: none;
+    font-size: 14px;
+    border: none;
+    position: relative;
+    margin-bottom: 0;
 }
 
 .umb-notifications__notification.-extra-padding {
-   padding-top: 20px;
-   padding-bottom: 20px;
+    padding-top: 20px;
+    padding-bottom: 20px;
 }

From 3c2b2e29635ad375844423b524ac411d31bc5d85 Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Wed, 13 Feb 2019 17:10:43 +1000
Subject: [PATCH 2/2] fix height of editor sub-nav to prevent vertical overflow
 of borders

---
 .../src/less/components/umb-editor-navigation-item.less         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation-item.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation-item.less
index 0372eeef4b..09c8fa9aa0 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation-item.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation-item.less
@@ -14,7 +14,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: @editorHeaderHeight;
+  height: calc(~'@{editorHeaderHeight}' - ~'1px'); // need to offset the 1px border-bottom on .umb-editor-header - avoids overflowing top of the container
   position: relative;
   
   color: @ui-active-type;