From 9bb68aac668d945cf349c3645b550c442799f033 Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Wed, 8 Dec 2021 14:30:13 +0700
Subject: [PATCH] extend theater mode to video id page template

---
 tubearchivist/home/templates/home/video.html | 14 ++++++++------
 tubearchivist/static/css/style.css           |  3 ++-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/tubearchivist/home/templates/home/video.html b/tubearchivist/home/templates/home/video.html
index 08e0a90..12896fd 100644
--- a/tubearchivist/home/templates/home/video.html
+++ b/tubearchivist/home/templates/home/video.html
@@ -2,13 +2,15 @@
 {% block content %}
 {% load static %}
 {% load humanize %}
+<div class="video-main">
+    <video 
+        src="/media/{{ video.media_url }}" 
+        poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
+        type='video/mp4' width="100%" playsinline>
+    </video>
+</div>
 <div class="boxed-content">
-    <div class="video-main">
-        <video 
-            src="/media/{{ video.media_url }}" 
-            poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
-            type='video/mp4' width="100%" playsinline>
-        </video>
+    <div class="title-bar">
         <h1>{{ video.title }}</h1>
     </div>
     <div class="info-box info-box-3">
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index 0cf1c3d..f144000 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -342,7 +342,8 @@ button:hover {
     height: 100vh;
 }
 
-.video-player video {
+.video-player video,
+.video-main video {
     max-height: 80vh;
     width: 90%;
     max-width: 1500px;