[Mobile] Clean Up

Cleaned up scss files. Removed
repeated statements and added
comments. Also commented js files
like QueryService and InfoGesture.

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

@@ -47,6 +47,8 @@
 // classes used for the left menu and the
 // right representation.
 .browse-hidetree {
+    // Sets the left tree menu when the tree
+    // is hidden. 
     .mobile-pane.left-menu {
         @include phoneandtablet {
             @include slMenuTransitions;
@@ -59,6 +61,8 @@
         }
     }
 
+    // Sets the right represenation when
+    // the tree is hidden. 
     .mobile-pane.right-repr {       
         @include phoneandtablet {         
             @include slMenuTransitions;
@@ -74,6 +78,8 @@
 // orientation combination, separate 
 // parameters are used)
 .browse-showtree {
+    // Sets the left tree menu when the tree
+    // is shown.     
     .mobile-pane.left-menu {
         @include phoneandtablet {
             @include slMenuTransitions;
@@ -82,6 +88,8 @@
             display: block !important;
             width: auto !important;
         }
+        // On both phones and tablets, the amount of
+        // space allowed for the right pane is specified
         @include phonePortrait {
             right: $phoneRepSizePortrait !important;
         }
@@ -95,11 +103,15 @@
             right: $tabletRepSizeLandscape !important;
         }
     }
+    // Sets the right represenation when
+    // the tree is shown.     
     .mobile-pane.right-repr {
         @include phoneandtablet {
             @include slMenuTransitions;
             left: auto !important;
         }
+        // On both phones and tablets, the width of
+        // the right pane is specified
         @include phonePortrait {
             width: $phoneRepSizePortrait !important;
         }

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

@@ -19,50 +19,37 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-.test-tree-words {
-    @include phoneandtablet {
-        width: 100%;
-        text-overflow: ellipsis;
-    }
-}
+
 
 ul.tree {
+    // Only applies to phones and tablets
     @include phoneandtablet {
         @include menuUlReset();
         li {
             span.tree-item {
-                $runningItemW: 0;
-                $customMargin: auto;
-                $runningItemW: $interiorMargin + $treeVCW;
+                // Adds some space to the top of each tree item
                 margin-top: $interiorMarginSm;
-
-                .label {
-                    left: 3px;
-
-                    .type-icon {
-                        .alert {
-                            right: auto;
-                            left: 9px;
-                        }
-                    }
-                    .title-label {
-                        left: $runningItemW + ($interiorMargin);
-                    }
-                }
-
-                .context-trigger {
-                    right: $interiorMarginSm;
-                }
-                
                 .view-control {
                     position: absolute;
                     right: 5px;
                     font-size: 1.5em;
-                    $runningItemW: $interiorMargin + $treeVCW;
-                }                
+                }                   
+
+                .label {
+                    // Designates the starting left margin
+                    // (indentation) of 'My Items'
+                    left: 3px;
+                    // Allows tree item name to stop prior
+                    // to the arrow
+                    .title-label {
+                        right: 5px;
+                    }                    
+                }             
             }
         }
 
+        // Sets the margin on the left, which causes the
+        // running indentation after each folder is made
         ul.tree {
             margin-left: 3px;
         }