Added chat tab on mobile layouts and other changes to mobile UI

web/components/video/VideoPoster.tsx

@@ -23,7 +23,6 @@ export default function VideoPoster(props: Props) {
       if (duration === '0s') {
         setDuration('3s');
       }
-
       setSrc(`${base}?${Date.now()}`);
     }, REFRESH_INTERVAL);
   }, []);
@@ -36,7 +35,7 @@ export default function VideoPoster(props: Props) {
         <CrossfadeImage
           src={src}
           duration={duration}
-          objectFit="contain"
+          objectFit="cover"
           width="100%"
           height="100%"
         />

web/components/video/player.scss

@@ -4,7 +4,7 @@
 }
 
 .vjs-owncast .vjs-big-play-button {
-  z-index: 999999;
+  z-index: 10;
   border-color: var(--primary-color) !important;
   border-radius: var(--theme-rounded-corners) !important;
 }
@@ -24,4 +24,4 @@
 }
 .vjs-quality-selector .vjs-icon-placeholder::before {
   content: "\f110";
-}
+}