Layout: Theater layout: Expand video width across page only as necessary based on length of video

2019-08-24 17:55:14 -07:00
parent cb5f36581d
commit 3d911e4987
2 changed files with 8 additions and 1 deletions
--- 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;