Sanding and shimming on legacy CSS

- Jury-rigging to temporarily display some views: imagery, tables
- Code style normalization in _global.scss;

platform/features/table/res/templates/telemetry-table.html

@@ -1,4 +1,5 @@
 <div ng-controller="TelemetryTableController as tableController"
+     style="display: contents"
      ng-class="{'loading': loading}">
     <mct-table
         headers="headers"

src/styles-new/_global.scss

@@ -49,17 +49,23 @@ body.desktop {
     ::-webkit-scrollbar-thumb {
         box-sizing: border-box;
         background: $scrollbarThumbColor;
-        &:hover { background: $scrollbarThumbColorHov; }
+        &:hover {
+            background: $scrollbarThumbColorHov;
+        }
     }
 
     .overlay ::-webkit-scrollbar-thumb {
         background: $scrollbarThumbColorOverlay;
-        &:hover { background: $scrollbarThumbColorOverlayHov; }
+        &:hover {
+            background: $scrollbarThumbColorOverlayHov;
+        }
     }
 
     .menu ::-webkit-scrollbar-thumb {
         background: $scrollbarThumbColorMenu;
-        &:hover { background: $scrollbarThumbColorMenuHov; }
+        &:hover {
+            background: $scrollbarThumbColorMenuHov;
+        }
     }
 
     ::-webkit-scrollbar-corner {
@@ -135,7 +141,7 @@ ol, ul {
     padding-left: 0;
 }
 
-/************************** LEGACY? */
+/************************** LEGACY */
 
 mct-container {
     display: block;
@@ -209,18 +215,19 @@ a.disabled {
 
 .no-selection {
     // aka selection = "None". Used in palettes and their menu buttons.
-    $c: red; $s: 48%; $e: 52%;
+    $c: red;
+    $s: 48%;
+    $e: 52%;
     background-image: linear-gradient(-45deg,
-        transparent $s - 5%,
-        $c $s,
-        $c $e,
-        transparent $e + 5%
+            transparent $s - 5%,
+            $c $s,
+            $c $e,
+            transparent $e + 5%
     );
     background-repeat: no-repeat;
     background-size: contain;
 }
 
-
 .scrolling,
 .scroll {
     overflow: auto;
@@ -293,6 +300,13 @@ a.disabled {
 
 .comma-list span {
     &:not(:first-child) {
-        &:before { content: ', '; }
+        &:before {
+            content: ', ';
+        }
     }
 }
+
+/************************** TEMP LEGACY FIXES */
+.t-imagery {
+    display: contents;
+}

src/styles-new/legacy-styles.scss

@@ -10,7 +10,6 @@
 @import "../styles/effects";
 @import "../styles/glyphs";
 @import "../styles/animations";
-//@import "../styles/global";
 @import "../styles/archetypes";
 //@import "../styles/about";
 //@import "../styles/text";
@@ -18,7 +17,7 @@
 @import "../styles/status";
 @import "../styles/data-status";
 @import "../styles/helpers/bubbles";
-//@import "../styles/helpers/splitter";
+@import "../styles/helpers/splitter";
 @import "../styles/helpers/wait-spinner";
 @import "../styles/inspector";
 //