fix: big res adjustments

src/element/live-chat.css

@@ -41,6 +41,12 @@
   }
 }
 
+@media (min-width: 2000px) {
+  .live-chat {
+    height: calc(100vh - 72px - 96px - 120px - 56px);
+  }
+}
+
 .live-chat>.header {
   font-weight: 600;
   font-size: 24px;

src/element/new-stream.tsx

@@ -178,7 +178,7 @@ interface NewStreamDialogProps {
 }
 
 export function NewStreamDialog({
-  text = "New Stream",
+  text,
   ev,
   onFinish,
   btnClassName = "btn",
@@ -187,8 +187,13 @@ export function NewStreamDialog({
     <Dialog.Root>
       <Dialog.Trigger asChild>
         <button type="button" className={btnClassName}>
-          <span className="hide-on-mobile">{text}</span>
-          <Icon name="signal" />
+          {text && text}
+          {!text && (
+            <>
+              <span className="hide-on-mobile">New Stream</span>
+              <Icon name="signal" />
+            </>
+          )}
         </button>
       </Dialog.Trigger>
       <Dialog.Portal>

src/pages/layout.css

@@ -59,8 +59,15 @@
 
 @media (min-width: 2000px) {
   .page {
+    padding: 0 40px;
     grid-template-columns: auto 450px;
   }
+  .video-content {
+    max-height: calc(100vh - 320px);
+  }
+  .video-content video {
+    height: 100%;
+  }
 }
 
 header {