[Frontend] Inspector-related fixes

open #244
Moved older .l-flex class out of layout and
into archetypes, updated definition;

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

@@ -91,6 +91,7 @@
         padding: $interiorMargin 0;
     }
 }
+
 /********************************************* FLEX STYLES */
 .l-flex-row,
 .l-flex-col {
@@ -106,11 +107,13 @@
     }
 }
 
-.l-flex-row {
-    @include flex-direction(row);
+.l-flex-row { @include flex-direction(row); }
+.l-flex-col { @include flex-direction(column); }
 
-}
-
-.l-flex-col {
-    @include flex-direction(column);
+.l-flex {
+    @extend .l-flex-row;
+    .left {
+        @include flex(1 1 0);
+        padding-right: $interiorMarginLg;
+    }
 }

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

@@ -365,16 +365,6 @@
     }
 }
 
-.l-flex {
-    @include webkitVal('display', 'flex');
-    @include webkitProp('flex-flow', 'row nowrap');
-    .left {
-        //@include test(red);
-        @include webkitProp(flex, '1 1 0');
-        padding-right: $interiorMarginLg;
-    }
-}
-
 // When the tree is hidden, these are the
 // classes used for the left menu and the
 // right representation.