From 3d911e4987ef9768702729e60d51cb872700a716 Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Sat, 24 Aug 2019 17:55:14 -0700
Subject: Layout: Theater layout: Expand video width across page only as
 necessary based on length of video

---
 youtube/templates/watch.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 0b33dd7..745acdb 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -17,9 +17,12 @@
     {% if theater_mode %}
         video{
             grid-column: 1 / span 5;
-            width: 100%;
+            justify-self: center;
+            max-width: 100%;
+            width: {{ theater_video_target_width }}px;
             max-height: {{ video_height }}px;
             margin-bottom: 10px;
+            background-color: #bcbcbc;
         }
         .related-videos-outer{
             grid-row: 2 /span 3;
-- 
cgit v1.2.3