From 687920a4cda52412ab2c06b5a3e42f53a3bdb1fa Mon Sep 17 00:00:00 2001
From: Ginger Wong <omqmail@gmail.com>
Date: Sun, 14 Jun 2020 17:02:10 -0700
Subject: [PATCH] more css

---
 webroot/index.html        |  2 +-
 webroot/styles/layout.css | 19 +++++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/webroot/index.html b/webroot/index.html
index 112f13cbe..fbdd5a6cc 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -69,7 +69,7 @@
         <div id="stream-info" class="flex">
           <span>{{ streamStatus }}</span>
           <span>{{ viewerCount }} {{ 'viewer' | plural(viewerCount) }}.</span>
-          <span> Max {{ sessionMaxViewerCount }} {{ 'viewer' | plural(sessionMaxViewerCount) }}.</span>
+          <span>Max {{ sessionMaxViewerCount }} {{ 'viewer' | plural(sessionMaxViewerCount) }}.</span>
           <span>{{ overallMaxViewerCount }} overall.</span>        
         </div>
 
diff --git a/webroot/styles/layout.css b/webroot/styles/layout.css
index 39a157211..bf7bbe6be 100644
--- a/webroot/styles/layout.css
+++ b/webroot/styles/layout.css
@@ -75,7 +75,7 @@ header h1 {
 #user-info-display {
   display: flex;
   flex-direction: row;
-  justify-content: center;
+  justify-content: flex-end;
   align-items: center;
   cursor: pointer;
   padding: .5em 1em;
@@ -260,8 +260,8 @@ header h1 {
   color: #ccc;
   font-weight: 100;
 }
-/* ************************************************8 */
 
+/* ************************************************8 */
 
 .no-chat .left-col {
   width: 100vw;
@@ -310,12 +310,9 @@ header h1 {
   #user-info {
     width: 12em;    
   }
-  #stream-info {
+  #user-content {
     display: none;
-    overflow: auto;
-    height: auto;
   }
-
   #chat-container {
     width: 100%;
     height: 100%;
@@ -323,14 +320,20 @@ header h1 {
     height: auto;
   }
 
+  .owncast-video-container .video-js {
+    height: 40vh;
+  }
+
   .no-chat  .left-col {
     height: 100%;
   }
   .no-chat  .right-col {
     display: none;
   }
-  .no-chat #info {
+  .no-chat #stream-info {
+    display: block;
+  }
+  .no-chat   #user-content {
     display: block;
   }
-
 }
\ No newline at end of file