From c40001daebaefe4483535356d590f908b7b8d205 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Mon, 11 Oct 2021 10:43:07 +0100
Subject: [PATCH] colors, width

---
 app/static/css/partials/_film.scss | 17 ++++++++++++++++-
 app/templates/film.html            |  4 +++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss
index 972f2ef..016dd41 100644
--- a/app/static/css/partials/_film.scss
+++ b/app/static/css/partials/_film.scss
@@ -3,6 +3,11 @@
 .films {
   width: 100vw;
   margin: 8px;
+
+  a {
+    color: #ee0;
+    text-decoration: none;
+  }
   .film {
     width: 100vw;
     margin-bottom: 16px;
@@ -37,9 +42,19 @@
 }
 
 
-.film {
+main > .film {
+  max-width: 1080px;
+  margin: auto;
   .info {
     margin: 8px;
+    margin-bottom: 32px;
+    h1 {
+      font-size: 24px;
+      margin: 24px 0;
+    }
+  }
+  video {
+    width: 100%;
   }
   .play {
     text-align: center;
diff --git a/app/templates/film.html b/app/templates/film.html
index a67760d..45bac20 100644
--- a/app/templates/film.html
+++ b/app/templates/film.html
@@ -4,14 +4,16 @@
 <div class="film">
 <div class="info">
 <h1>{{ film.data.title | safe }}</h1>
+{% comment %}
 <h2>{{ film.data.director|join:", "|safe }}</h2>
+{% endcomment %}
 <p>{{ film.data.summary|safe }}</p>
 </div>
 
 <video src="{{ settings.TIMELINE_PREFIX }}{{ film.padma_id }}/loop.mp4" autoplay loop muted></video>
 <div class="play">
     <div>
-        <a href="" id="play-fullscreen">Watch Fullscreen</a>
+        <a href="" id="play-fullscreen">Play</a>
     </div>
 	{% for text in film.related_texts %}
     <div>