change main editor from absolute positioning to flex box. Sets auto height on editor footer so it can expand

src/Umbraco.Web.UI.Client/src/less/components/editor.less

@@ -5,29 +5,31 @@
 .umb-editor-wrapper{
 	background: white;
 	position: absolute;
-	top: 0px; bottom: 0px; left: 0px; right: 0px;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
 }
 
 
-.umb-editor-header{
+.umb-editor-header {
 	background: @grayLighter;
 	border-bottom: 1px solid @grayLight;
-	position: absolute;
-	height: 99px;
-	top: 0px;
-	right: 0px;
-	left: 0px;
+	flex: 0 0 99px;
+	position: relative;
 }
 
 
 .umb-editor-container {
-	top: 101px;
-	left: 0px;
-	right: 0px;
-	bottom: 52px;
-	position: absolute;
-	clear: both;
+	position: relative;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
 	overflow: auto;
+	flex: 1 1 100%;
 }
 
 .umb-editor-wrapper.-no-footer .umb-editor-container {
@@ -38,18 +40,12 @@
 	overflow: hidden;
 }
 
-.umb-editor-drawer{
+.umb-editor-drawer {
 	margin: 0;
 	padding: 10px 20px;
-	z-index: 999;
-	position: absolute;
-	bottom: 0px;
-	left: 0px;
-	right: 0px;
-	height: 31px;
-
 	background: @grayLighter;
 	border-top: 1px solid @grayLight;
+	flex: 1 0 31px;
 }
 
 

src/Umbraco.Web.UI.Client/src/less/components/umb-breadcrumbs.less

@@ -2,10 +2,12 @@
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
+   display: flex;
+   flex-wrap: wrap;
 }
 
 .umb-breadcrumbs__ancestor {
-   display: inline-block;
+   display: flex;
 }
 
 .umb-breadcrumbs__ancestor-link,

src/Umbraco.Web.UI.Client/src/less/panel.less

@@ -483,13 +483,15 @@ input.umb-panel-header-description {
 .umb-editor-drawer-content {
   display: flex;
   align-items: center;
-  //justify-content: space-between;
 }
 
 .umb-editor-drawer-content__right-side {
 	margin-left: auto;
+    flex: 0 0 auto;
+    padding-left: 10px;
 }
 
 .umb-editor-drawer-content__left-side {
 	margin-right: auto;
+    padding-right: 10px;
 }

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html

@@ -1,4 +1,4 @@
-<div class="umb-panel-header">
+<div class="umb-editor-header umb-panel-header">
 
     <div class="umb-panel-header-content-wrapper">