From cc2fb358c946b7a1d00602b5cda7a9762bc13905 Mon Sep 17 00:00:00 2001
From: knotteye <knotteye@airmail.cc>
Date: Sat, 16 Jan 2021 00:02:39 -0600
Subject: [PATCH] Make user profile page a little more responsive

---
 site/styles.css    | 4 ++--
 templates/user.njk | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/site/styles.css b/site/styles.css
index 1370aa0..e19b75b 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -36,7 +36,7 @@ a {
 }
 
 #jscontainer {
-	display: flex;
+	display: table;
 	justify-content: center;
 	flex-wrap: nowrap;
 	flex-direction: row;
@@ -46,7 +46,7 @@ a {
 	margin: 0px;
 }
 #jschild {
-	display: inline;
+	display: table-cell;
 	margin: 0;
 }
 
diff --git a/templates/user.njk b/templates/user.njk
index 29e048e..6238963 100644
--- a/templates/user.njk
+++ b/templates/user.njk
@@ -75,11 +75,11 @@ async function updateViewers(){
 	  </b></span><span style="float: right;font-size: large;"> Links | <a href="rtmp://{{ domain }}/live/{{ username }}">Watch</a> <a href="JavaScript:newPopup('/chat?room={{ username }}');">Chat</a> <a href="/vods/{{ username }}">VODs</a></span>
 	<div id="jscontainer">
 		<div id="jschild" style="width: 70%;height: 100%;position: relative;">
-			<image id="playbtn" src="/play.svg" alt="Play Stream" style="width:100%;height:100%;width: 950px;height: 534px;position: absolute;" onclick="document.getElementById('video').paused ? document.getElementById('video').play() : document.getElementById('video')	.pause();"></image>
-			<video id="video" style="width:100%;height:100%;width: 950px;height: 534px;background-color: rgb(0, 0, 0);" poster="/thumbnail.jpg" autoplay onclick="this.paused ? this.play() : this.pause();"></video>
+			<image id="playbtn" src="/play.svg" alt="Play Stream" style="width:100%;height:100%;height: 100%;position: absolute;" onclick="document.getElementById('video').paused ? document.getElementById('video').play() : document.getElementById('video')	.pause();"></image>
+			<video id="video" style="width:100%;height:100%;width: 100%;height: 100%;background-color: rgb(0, 0, 0);" poster="/thumbnail.jpg" autoplay onclick="this.paused ? this.play() : this.pause();"></video>
 		</div>
-		<div id="jschild" class="webchat" style="width: 30%;height: 100%;position: relative;">
-			<iframe src="/chat?room={{ username }}" frameborder="0" style="width: 100%;height: 100%; min-height: 534px;" allowfullscreen></iframe>
+		<div id="jschild" class="webchat" style="width: 30%;height: 100%;">
+			<iframe src="/chat?room={{ username }}" frameborder="0" style="min-width: 100%;min-height: 100%;" allowfullscreen></iframe>
 		</div>
 	</div>
   </br>