[Mobile] Reformat of menu

Reformats menu to move the
arrow to the right and now
that is what selects an object.
Pressing the actual menu item will
enact the dropdown menu. This
only happens on mobile platforms.

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

@@ -19,12 +19,53 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+.test-tree-words {
+    @include phoneandtablet {
+        margin-bottom: 7px;
+        width: 90%;
+        text-overflow: ellipsis;
+    }
+}
 
-//mobile-flat-list {
-//	// For lists of tree-items that are flat. Remove margin, etc. normally needed for the expansion arrow.
-//	.tree-item {
-//        .label {
-//			left: -100px;
-//		}
-//	}
-//}
+ul.tree {
+    @include phoneandtablet {
+        @include menuUlReset();
+        li {
+            span.tree-item {
+                $runningItemW: 0;
+                $customMargin: auto;
+                $runningItemW: $interiorMargin + $treeVCW;
+
+                .label {
+                    left: 3px;
+
+                    .type-icon {
+                        .alert {
+                            right: auto;
+                            left: 9px;
+                        }
+                    }
+                    .title-label {
+                        left: $runningItemW + ($interiorMargin);
+                    }
+                }
+
+                .context-trigger {
+                    right: $interiorMarginSm;
+                }
+                
+                .view-control {
+                    position: relative;
+                    left: 100%;
+                    right: 0;
+                    font-size: 1.5em;
+                    $runningItemW: $interiorMargin + $treeVCW;
+                }                
+            }
+        }
+
+        ul.tree {
+            margin-left: 3px;
+        }
+    }
+}