From cc45d7fb2597778dbfe2d61b16485b6c5dc31e24 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Tue, 13 Aug 2019 00:48:23 -0400
Subject: [PATCH] fix column switching

---
 .../streams-main-display/streams-main-display.component.html  | 4 ++--
 .../streams-main-display/streams-main-display.component.scss  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/streams-main-display/streams-main-display.component.html b/src/app/pages/streams-main-display/streams-main-display.component.html
index 094bd8fd..98bab20f 100644
--- a/src/app/pages/streams-main-display/streams-main-display.component.html
+++ b/src/app/pages/streams-main-display/streams-main-display.component.html
@@ -1,5 +1,5 @@
 <div class="main-display flexcroll">
-  <div class="main-display__stream-column" *ngFor="let s of streamElements$ | async">
-    <app-stream [streamElement]="s" #stream></app-stream>
+  <div class="main-display__stream-column" *ngFor="let s of streamElements$ | async" #stream>
+    <app-stream [streamElement]="s"></app-stream>
   </div>
 </div>
diff --git a/src/app/pages/streams-main-display/streams-main-display.component.scss b/src/app/pages/streams-main-display/streams-main-display.component.scss
index bb337dbb..96bb0546 100644
--- a/src/app/pages/streams-main-display/streams-main-display.component.scss
+++ b/src/app/pages/streams-main-display/streams-main-display.component.scss
@@ -6,13 +6,14 @@
     overflow-y: hidden;
     &__stream-column {
         height: calc(100%);
-        width: $stream-column-width + $stream-column-separator;
+        width: calc(#{$stream-column-width} + #{$stream-column-separator});
         display: inline-block;
         overflow-x: hidden;
         overflow-y: hidden;
         white-space: normal;
         // margin: 0 0 0 $stream-column-separator;
         margin: 0;
+        // border: 1px solid greenyellow;
     }
 }