Allow Mobile Viewing

files/assets/css/orgy.css

@@ -1,9 +1,27 @@
 .orgy-top-container {
 	display: flex;
-	flex-flow: row nowrap;
 	justify-content: space-around;
 }
 
+@media all and (max-width: 900px) {
+    .orgy-top-container {
+        flex-flow: column wrap;
+    }
+    .orgy-info-window-item {
+        max-height: 20% !important;
+        height: 20% !important;
+    }
+    .orgy-chat-window-item {
+        max-height: 80% !important;
+        height: 80% !important;
+    }
+}
+@media all and (min-width: 900px) {
+    .orgy-top-container {
+        flex-flow: row nowrap;
+    }
+}
+
 .orgy-chat-window-item {
 	flex-grow: 2;
 	width: fit-content;

files/routes/admin.py

@@ -1917,13 +1917,13 @@ def orgy_control(v):
 @app.post("/admin/start_orgy")
 @admin_level_required(PERMS['ORGIES'])
 def start_orgy(v):
-	youtube_id = request.values.get("youtube_id")
+	link = request.values.get("link")
 	title = request.values.get("title")
 
-	assert youtube_id
+	assert link
 	assert title
 
-	create_orgy(youtube_id, title)
+	create_orgy(link, title)
 
 	return redirect("/chat")
 

files/templates/admin/orgy_control.html

@@ -25,10 +25,10 @@
                             </div>
                             <div class="d-lg-flex border-bottom">
                                 <div class="title w-lg-25">
-                                    <label for="youtube_id">Youtube ID</label>
+                                    <label for="link">Link</label>
                                 </div>
                                 <div class="body w-lg-100">
-                                    <input id="youtube_id" autocomplete="off" type="text" name="youtube_id" class="form-control">
+                                    <input id="link" autocomplete="off" type="text" name="link" class="form-control">
                                 </div>
                             </div>
                             <input hidden name="formkey" value="{{v|formkey}}">

files/templates/orgy.html

@@ -11,7 +11,7 @@
 	<div class="container pb-4">
 
 		<div class="orgy-top-container">
-            <div class="col text-left d-none d-lg-block pt-3 orgy-info-window-item">
+            <div class="col text-left pt-3 orgy-info-window-item">
                 <h2>{{orgy.title}}</h1>
                 <div>
                     {% if orgy.is_youtube() %}
@@ -20,6 +20,7 @@
                         <iframe class="rumble rumble-player" width="100%"  src="{{orgy.data}}" frameborder="0" allowfullscreen></iframe>  
                     {%endif%}
                 </div>
+                <a href="/old_chat" class="btn btn-primary ml-auto" value="Old Chat">Old Chat</a>
                 {{macros.chat_users_list()}}
             </div>