[Mobile]

Now does not display
the icon for the slide menu
on desktops.

platform/commonUI/browse/res/templates/browse.html

@@ -42,7 +42,7 @@
                     </div>
                 </div>
             </mct-split-pane>
-            <div class="s-very-subtle key-properties button-hide ui-symbol" 
+            <div class="s-very-subtle key-properties button-hide ui-symbol mobile-menu-icon" 
                             ng-click="treeSlide()">m</div>        
         </div>
         <mct-include key="'bottombar'"></mct-include>

platform/commonUI/general/res/css/theme-espresso.css

@@ -748,15 +748,7 @@ mct-container {
     transition-duration: 0.2s;
     left: -150px; } }
 
-@media screen and (max-width: 514px) {
-  /* line 37, ../sass/mobile/_layout.scss */
-  .holder-show {
-    -moz-transition-duration: 0.2s;
-    -o-transition-duration: 0.2s;
-    -webkit-transition-duration: 0.2s;
-    transition-duration: 0.2s;
-    left: 0px; } }
-@media screen and (min-width: 515px) and (max-width: 800px) {
+@media screen and (max-width: 800px) {
   /* line 37, ../sass/mobile/_layout.scss */
   .holder-show {
     -moz-transition-duration: 0.2s;
@@ -765,40 +757,52 @@ mct-container {
     transition-duration: 0.2s;
     left: 0px; } }
 
-/* line 48, ../sass/mobile/_layout.scss */
+/* line 44, ../sass/mobile/_layout.scss */
 .button-hide {
-  position: absolute; }
+  position: absolute;
+  -moz-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s; }
   @media screen and (max-width: 514px) {
-    /* line 48, ../sass/mobile/_layout.scss */
+    /* line 44, ../sass/mobile/_layout.scss */
     .button-hide {
       left: 108px; } }
   @media screen and (min-width: 515px) and (max-width: 800px) {
-    /* line 48, ../sass/mobile/_layout.scss */
+    /* line 44, ../sass/mobile/_layout.scss */
     .button-hide {
       left: 150px; } }
 
-/* line 59, ../sass/mobile/_layout.scss */
+/* line 55, ../sass/mobile/_layout.scss */
 .object-header-mobile {
   position: relative; }
   @media screen and (max-width: 514px) {
-    /* line 59, ../sass/mobile/_layout.scss */
+    /* line 55, ../sass/mobile/_layout.scss */
     .object-header-mobile {
-      left: 17px; } }
+      left: 23px; } }
   @media screen and (min-width: 515px) and (max-width: 800px) {
-    /* line 59, ../sass/mobile/_layout.scss */
+    /* line 55, ../sass/mobile/_layout.scss */
     .object-header-mobile {
       left: 15px; } }
 
+/* line 65, ../sass/mobile/_layout.scss */
+.mobile-menu-icon {
+  top: 5px; }
+  @media screen and (min-width: 801px) {
+    /* line 65, ../sass/mobile/_layout.scss */
+    .mobile-menu-icon {
+      display: none; } }
+
 @media screen and (max-width: 514px) {
-  /* line 69, ../sass/mobile/_layout.scss */
+  /* line 72, ../sass/mobile/_layout.scss */
   .browse-manage {
     width: 100px; } }
 @media screen and (min-width: 515px) and (max-width: 800px) {
-  /* line 69, ../sass/mobile/_layout.scss */
+  /* line 72, ../sass/mobile/_layout.scss */
   .browse-manage {
     width: 150px; } }
 @media screen and (min-width: 801px) {
-  /* line 69, ../sass/mobile/_layout.scss */
+  /* line 72, ../sass/mobile/_layout.scss */
   .browse-manage {
     min-width: 150px;
     max-width: 800px;

platform/commonUI/general/res/sass/mobile/_layout.scss

@@ -35,11 +35,7 @@
 }
 
 .holder-show {
-    @include phone {
-        @include transition-duration(.2s);
-        left: 0px;
-    }
-    @include tablet {
+    @include phoneandtablet {
         @include transition-duration(.2s);
         left: 0px;
     }     
@@ -47,7 +43,7 @@
 
 .button-hide {
     position: absolute;
-//    @include transition-duration(.2s);
+    @include transition-duration(.2s);
     @include phone {
         left: 108px;
     }
@@ -66,6 +62,13 @@
     }
 }
 
+.mobile-menu-icon {
+    top: $interiorMargin;
+    @include desktop {
+        display: none;
+    }       
+}
+
 .browse-manage {
     @include phone {
         width: 100px;