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

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

platform/commonUI/browse/res/templates/back-arrow.html

@@ -21,8 +21,8 @@
 -->
 
 <!-- Back Arrow Icon used on mobile-->
-<span ng-controller="BrowseController"
+<a ng-controller="BrowseController"
+      class='type-icon icon ui-symbol s-back'
       ng-click='backArrow()'
-      ng-class="checkRoot(); atRoot ? 'hidden' : ''">
-    <a class='type-icon icon ui-symbol'>{</a>
-</span>
+      ng-class="checkRoot(); atRoot ? 'hidden' : ''">{
+</a>

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

@@ -20,14 +20,14 @@
  at runtime from the About dialog for additional information.
 -->
 <span ng-controller="BrowseObjectController">
-    <div class="object-browse-bar bar abs">
-        <div class="items-select left abs">
-            <mct-representation key="'back-arrow'"></mct-representation>
+    <div class="object-browse-bar bar l-flex">
+        <div class="items-select left">
+            <mct-representation key="'back-arrow'" class="l-back"></mct-representation>
             <mct-representation key="'object-header'" mct-object="domainObject">
             </mct-representation>
         </div>
         <!-- Temporarily, on mobile, the button bar is hidden-->
-        <div class="btn-bar right abs mobile-hide">
+        <div class="btn-bar right mobile-hide">
             <mct-representation key="'action-group'"
                                 mct-object="domainObject"
                                 parameters="{ category: 'view-control' }">

platform/commonUI/browse/res/templates/browse/object-header.html

@@ -21,10 +21,11 @@
 -->
 <div class='object-header object-header-mobile'>
     <span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
-    <span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
+
     <!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
-    <span class='title-label'>
-        {{model.name}}
+    <span class="l-elem-wrapper">
+        <span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
+        <span class='title-label'>{{model.name}}</span>
         <mct-representation key="'menu-arrow'" mct-object='domainObject'></mct-representation>
     </span>
 </div>