align language picker with editor header

src/Umbraco.Web.UI.Client/src/less/components/application/umb-language-picker.less

@@ -1,6 +1,10 @@
 .umb-language-picker {
     position: relative;
     z-index: @zindexDropdown;
+    // When the language dropdown is present adjust height on the tree root
+    ~ #tree .umb-tree-root {
+        height: auto;
+    }
 }
 
 .umb-language-picker__toggle {
@@ -10,7 +14,7 @@
     padding: 0 20px;
     cursor: pointer;
     border-bottom: 1px solid @gray-9;
-    height: 50px;
+    height: @editorHeaderHeight;
     box-sizing: border-box;
 }
 

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

@@ -55,6 +55,7 @@
 
 .umb-tree li.root > div:first-child {
   padding: 0;
+  height: @editorHeaderHeight;
 }
 
 .umb-tree li.root > div h5, .umb-tree li.root > div h6 {

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

@@ -195,7 +195,7 @@
 @bodyBackground:        @gray-10;
 @textColor:             @gray-2;
 
-@editorHeaderHeight:    80px;
+@editorHeaderHeight:    70px;
 @editorFooterHeight:    50px;
 
 

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

@@ -1,6 +1,6 @@
 <ul class="umb-tree" ng-class="{'hide-options': hideoptions === 'true'}">
     <li class="root">
-        <div data-element="tree-root" ng-class="getNodeCssClass(tree.root)" ng-hide="hideheader" on-right-click="altSelect(tree.root, $event)">
+        <div data-element="tree-root" class="umb-tree-root" ng-class="getNodeCssClass(tree.root)" ng-hide="hideheader" on-right-click="altSelect(tree.root, $event)">
             <h5>
                 <a ng-href="#/{{section}}" ng-click="select(tree.root, $event)" class="root-link">
                     <i ng-if="enablecheckboxes === 'true'" ng-class="selectEnabledNodeClass(tree.root)"></i>