Fix logic such that pane icons are hidden when tree is collapsed

src/ui/layout/layout.scss

@@ -133,10 +133,9 @@
     &__pane-tree {
       background: linear-gradient(90deg, transparent 70%, rgba(black, 0.2) 99%, rgba(black, 0.3));
 
-      .l-pane__header {
+      .l-pane__header { 
-        // Hide all buttons except the collapse button
+        > :not(.l-pane__collapse-button) { // On default, show all the header icons. 
-        > :not(.l-pane__collapse-button) {
+          display: block;
-          display: none;
         }
       }
 
@@ -148,6 +147,11 @@
         [class*='collapse-button'] {
           right: -8px;
         }
+        .l-pane__header{ // If pane is collapsed, hide all the icons except the collapse button, which gets replaced into the hamburger menu.
+          > :not(.l-pane__collapse-button) { 
+            display: none;
+          }
+        }
       }
     }
   }

src/ui/layout/pane.scss

@@ -78,11 +78,6 @@
     &.l-pane--collapsed {
       padding-left: 0 !important;
       padding-right: 0 !important;
-      body.mobile & {
-        .l-shell__sync-tree-button .l-shell__reset-tree-button{
-          display: none !important;
-        }
-      }
     }
   }
 
@@ -386,7 +381,6 @@
 body.mobile {
   .l-pane__header{
     > * {
-      display: block !important;
       @include ellipsize();
       @include userSelectNone();
       text-transform: uppercase;

src/ui/layout/recent-objects.scss

@@ -71,6 +71,9 @@
     color: $colorItemTreeIcon;
     font-size: 1.25em;
     height: 50%;
+    body.mobile &{
+      height: auto;
+    }
 
     // TEMP: uses object-label component, hide label part
     .c-object-label__name {