colors, width

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;

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>