Closes #7936

- Sanding and shimming on imagery and events TS look and feel.
- Fixed scrollbar issue in imagery TS view when thumb goes beyond the right edge of the time frame.

Author: charlesh88

src/plugins/events/components/events-view.scss

@@ -19,8 +19,8 @@
 
     &__container {
         // Holds event lines
-        background: $colorPlotBg;
-        box-shadow: inset $colorPlotAreaBorder 0 0 0 1px; // Using box-shadow instead of border to not affect box size
+        background-color: $colorPlotBg;
+        //box-shadow: inset $colorPlotAreaBorder 0 0 0 1px; // Using box-shadow instead of border to not affect box size
         position: absolute;
         top: $m; right: 0; bottom: $m; left: 0;
     }

src/plugins/imagery/components/imagery-view.scss

@@ -511,10 +511,12 @@
 .c-imagery-tsv {
   $m: $interiorMargin;
   @include abs();
+  // We need overflow: hidden this because an image thumb can extend to the right past the time frame edge
+  overflow: hidden;
 
   &-container {
     background: $colorPlotBg;
-    box-shadow: inset $colorPlotAreaBorder 0 0 0 1px; // Using box-shadow instead of border to not affect box size
+    //box-shadow: inset $colorPlotAreaBorder 0 0 0 1px; // Using box-shadow instead of border to not affect box size
     position: absolute;
     top: $m; right: 0; bottom: $m; left: 0;
   }