Fixed issues with style on small windows (#29)

client/src/features/editors/Editor.module.css

@@ -36,14 +36,10 @@
   .mainContainer {
     grid-template-rows: auto 1fr;
     grid-template-columns: 100%;
+    column-gap: 0;
     grid-template-areas:
-      'mess'
+      'play'
-      'play';
+      'mess';
-  }
-
-  .messages,
-  .playback {
-    min-width: 31em;
   }
 
   .editor,
@@ -56,9 +52,10 @@
 /* 1/3 corner window, playback only */
 @media (max-width: 900px) and (max-height: 500px) {
   .mainContainer {
-    grid-template-rows: 1fr;
+    grid-template-rows: 100%;
-    grid-template-columns: 1fr;
+    grid-template-columns: 100%;
     grid-template-areas: 'play';
+    max-height: 325px;
   }
 
   .editor,
@@ -70,7 +67,7 @@
 }
 
 h1 {
-  font-size: 2.5vh;
+  font-size: 1.5em;
   color: rgba(255, 255, 255, 0.63);
   padding-bottom: 0.25em;
 }

client/src/features/viewers/backstage/StageManager.jsx

@@ -22,6 +22,8 @@ export default function StageManager(props) {
 
     let events = [...backstageEvents];
 
+    console.log({ backstageEvents }, { events });
+
     // Add running delay
     let delay = 0;
     for (const e of events) {

server/main.js

@@ -92,8 +92,8 @@ function createWindow() {
   win = new BrowserWindow({
     width: 1920,
     height: 1000,
-    minWidth: 500,
+    minWidth: 575,
-    minHeight: 530,
+    minHeight: 385,
     maxWidth: 1920,
     maxHeight: 1440,
     backgroundColor: '#202020',