1 files changed, 57 insertions, 50 deletions

diff --git a/assets/themes/global.less b/assets/themes/global.less
index 7980a2d3..296e165f 100644
--- a/assets/themes/global.less
+++ b/assets/themes/global.less
@@ -209,7 +209,7 @@ html {
           display: none;
         }
 
-        & > .detail_container {
+        & > #detail_container {
           height: 100%;
           width: 100%;
           margin: 0px;
@@ -217,6 +217,16 @@ html {
           text-align: left;
           float: left;
           flex: 1 1;
+
+          .detail_content {
+            height: 100%;
+            width: 100%;
+            margin: 0px;
+            padding: 0px;
+            text-align: left;
+            float: left;
+            flex: 1 1;
+          }
         }
 
         & > #browser_container {
@@ -227,15 +237,6 @@ html {
           float: left;
           flex: 0 0 300px;
 
-          & > .browser_container {
-            height: 100%;
-            margin: 0px;
-            padding: 0px;
-            text-align: left;
-            float: left;
-            width: 100%;
-          }
-
           &.ui-resizable {
             width: 300px;
             flex: unset;
@@ -281,46 +282,6 @@ html {
       }
     }
 
-    /** Browser Tree using XLoadTree 2 **/
-    &.browser {
-      height: 100%;
-      margin: 0px;
-      padding: 0px;
-      text-align: left;
-
-      .refreshTree {
-        float: right;
-        text-align: right;
-        padding: 0 3px;
-      }
-
-      .webfx-tree-row {
-        white-space: nowrap;
-      }
-
-      .webfx-tree-children {
-        background-repeat: repeat-y;
-        background-position-y: 1px !important;
-        /* IE only */
-      }
-
-      .webfx-tree-row img {
-        vertical-align: middle;
-      }
-
-      .webfx-tree-item-label {
-        margin-left: 0.5ex;
-      }
-
-      .webfx-tree-icon {
-        margin-left: 1px;
-      }
-
-      .webfx-tree-hide-root {
-        display: none;
-      }
-    }
-
     img {
       border: none;
     }
@@ -506,7 +467,53 @@ html {
     }
   }
 }
+body > .browser {
+  border: 2px solid red;
+}
+/** Browser Tree using XLoadTree 2 **/
+body.browser,
+body .browser {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  text-align: left;
+  .refreshTree {
+    position: absolute;
+    right: 0;
+    z-index: 1000;
+  }
+  .refreshTree {
+    float: right;
+    text-align: right;
+    padding: 0 3px;
+  }
 
+  .webfx-tree-row {
+    white-space: nowrap;
+  }
+
+  .webfx-tree-children {
+    background-repeat: repeat-y;
+    background-position-y: 1px !important;
+    /* IE only */
+  }
+
+  .webfx-tree-row img {
+    vertical-align: middle;
+  }
+
+  .webfx-tree-item-label {
+    margin-left: 0.5ex;
+  }
+
+  .webfx-tree-icon {
+    margin-left: 1px;
+  }
+
+  .webfx-tree-hide-root {
+    display: none;
+  }
+}
 @media print {
   @page {
     size: 215.9mm 279.4mm;