[Mobile] IN PROGRESS: Significant redo of object-header

open #74
Added .bar .l-flex using display: flex in object header;

platform/commonUI/general/res/sass/_main.scss

@@ -53,7 +53,7 @@
 @import "edit/editor";
 @import "features/imagery";
 @import "features/time-display";
-@import "flex";
+//@import "flex";
 @import "forms/elems";
 @import "forms/validation";
 @import "forms/text-input";

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -364,7 +364,7 @@ label.checkbox.custom {
 .object-header {
 	//@include test();
 	font-size: 1em;
-	line-height: 120%;
+	//line-height: 120%;
 	.label {
 		//display: flex;
 		//flex-direction: row;
@@ -373,26 +373,39 @@ label.checkbox.custom {
 	.title-label,
 	.type-icon,
 	.context-available {
-		@include tmpBorder(#6666ff);
+		//@include tmpBorder(#6666ff);
 		vertical-align: middle;
 	}
 	> .type-icon {
 		font-size: 120%;
+		float: left;
+		margin-right: $interiorMargin;
+	}
+
+
+	.l-elem-wrapper {
+		display: flex;
+		flex-flow: row nowrap;
+		justify-content: flex-start;
+	}
+
+	.action {
+		margin-right: $interiorMargin;
 	}
 
 	.title-label {
 		@include ellipsize();
 		color: lighten($colorBodyFg, 40%);
-		padding-right: 0.75em; // For context arrow. Done with em's so pad is relative to the scale of the text.
-		position: relative;
+		padding-right: 0.35em; // For context arrow. Done with em's so pad is relative to the scale of the text.
+		//position: relative;
 	}
 
 	.context-available {
 		@include trans-prop-nice(opacity, 0.25s);
 		opacity: 0;
 		font-size: 0.7em;
-		position: absolute;
-		right: 0;
+		//position: absolute;
+		//right: 0;
 	}
 	&:hover {
 		.context-available {
@@ -401,16 +414,6 @@ label.checkbox.custom {
 	}
 }
 
-.top-bar,
-.object-browse-bar {
-	.object-header {
-		//font-size: 1.1em;
-		span {
-			//display: inline-block;
-		}
-	}
-}
-
 /******************************************************** SLIDERS */
 
 .slider {

platform/commonUI/general/res/sass/user-environ/_layout.scss

@@ -70,19 +70,27 @@
     &.abs {
 	    text-wrap: none;
 	    white-space: nowrap;
+        &.left,
+        .left {
+            width: 45%;
+            right: auto;
+        }
+        &.right,
+        .right {
+            width: 45%;
+            left: auto;
+            text-align: right;
+            .icon.major {
+                margin-left: $interiorMargin * 3;
+            }
+        }
     }
-    &.left,
-    .left {
-        width: 45% !important;
-        right: auto !important;
-    }
-    &.right,
-    .right {
-        width: 45% !important;
-        left: auto !important;
-        text-align: right;
-        .icon.major {
-            margin-left: $interiorMargin * 3;
+    &.l-flex {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: stretch;
+        .left {
+            flex: 1 1 auto;
         }
     }
 }

platform/commonUI/general/res/sass/user-environ/_object-browse.scss

@@ -20,11 +20,17 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 .object-browse-bar {
+    @include absPosDefault();
     height: $ueTopBarH;
     line-height: $ueTopBarH;
-    .items-select {
-        .btn-menu {
-            margin-right: $interiorMargin * 3;
+    white-space: nowrap;
+
+    .left {
+        padding-right: $interiorMargin;
+        .l-back {
+            display: inline-block;
+            float: left;
+            margin-right: $interiorMarginLg;
         }
     }
 }