From 021b46120c6541a595ed6086757211bcdbabd84e Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Wed, 18 Jul 2018 08:47:04 +1000
Subject: [PATCH] adjust tree node heights when language picker is rendered

---
 .../components/application/umb-language-picker.less    | 10 ++++++++--
 src/Umbraco.Web.UI.Client/src/less/main.less           |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-language-picker.less b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-language-picker.less
index 5cf9ca21b3..79aa92f58b 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-language-picker.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-language-picker.less
@@ -1,6 +1,12 @@
 .umb-language-picker {
     position: relative;
-    z-index: @zindexDropdown;
+    z-index: @zindexDropdown;    
+    
+    // align bottom of tree root with bottom of first tab header in the editor
+    // means that there's a hierarchy in the element heights in the left panel, based on their height
+    ~ #tree .umb-tree-root {
+        height:60px;
+    }
 }
 
 .umb-language-picker__toggle {
@@ -10,7 +16,7 @@
     padding: 0 20px;
     cursor: pointer;
     border-bottom: 1px solid @gray-9;
-    height: 50px;
+    height: @editorHeaderHeight; // match height to editor header
     box-sizing: border-box;
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/main.less b/src/Umbraco.Web.UI.Client/src/less/main.less
index d869d1d9af..225157633f 100644
--- a/src/Umbraco.Web.UI.Client/src/less/main.less
+++ b/src/Umbraco.Web.UI.Client/src/less/main.less
@@ -116,7 +116,7 @@ h5.-black {
 
 /* FORM GRID */
 .umb-pane {
-  margin: 30px 20px;
+  margin: 20px;
 }
 .umb-control-group {
   border-bottom: 1px solid @gray-10;