[Mobile] IN PROGRESS: Menu hide/show fixes; font-size tweaking

open #74
Changed .right-repr to use translateX in phone portrait mode;
font-size tweaking;
Refactored css organization in mobile/_layout.scss;

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

@@ -20,10 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-
-ul.tree {
-    // Only applies to phones and tablets
-    @include phoneandtablet {
+@include phoneandtablet {
+    ul.tree {
         //@include menuUlReset();
         li {
             //border-top: 1px solid $colorInteriorBorder; // TEMP
@@ -39,7 +37,7 @@ ul.tree {
                     right: 0px;
                     width: $mobileTreeRightArrowW;
                     text-align: center;
-                }                   
+                }
 
                 .label {
                     // Designates the starting left margin
@@ -47,13 +45,14 @@ ul.tree {
                     // Also adds right space for selection button
                     left: 0;
                     right: $mobileTreeRightArrowW + $interiorMargin; // Allows tree item name to stop prior to the arrow
-                    font-size: 1.2em;
+                    font-size: 1.1em;
+                    //font-size: 1.2em; // CH CO
                     .type-icon {
                         @include verticalCenterBlock($mobileTreeItemH, $treeTypeIconH);
                     }
                     .title-label {
                     }
-                }             
+                }
             }
         }