# HG changeset patch
# User Dennis Fink <dennis.fink@c3l.lu>
# Date 2015-10-21 23:33:02
# Node ID 64cbf87ba646dd84053ad7f87b3c3f4c28ecd0e4
# Parent  7761472074275c6dfd2b1891ed295c9f567993d1

Scale video correctly on small screens.

This is done by adding an div around it with the embed-responsive class
and embed-responsive-item to the video classes.

diff --git a/ennstatus/templates/root/index.html b/ennstatus/templates/root/index.html
--- a/ennstatus/templates/root/index.html
+++ b/ennstatus/templates/root/index.html
@@ -39,8 +39,8 @@
     </blockquote>
   </div>
   <div class="col-md-6">
-    <p>
-      <video id="tor-animation" width="560" height="315" controls preload="none" class="video-js vjs-default-skin vjs-big-play-centered" data-setup="">
+    <div class="embed-responsive embed-responsive-16by9">
+      <video id="tor-animation" width="560" height="315" controls preload="none" class="video-js vjs-default-skin vjs-big-play-centered embed-responsive-item" data-setup="">
         <source src="{{ url_for('static', filename='videos/Tor_Animation.webm') }}" type='video/webm' />
         <source src="{{ url_for('static', filename='videos/Tor_Animation.mp4') }}" type='video/mp4' />
 
@@ -65,7 +65,7 @@
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-CN.vtt') }}" srclang="zh-CN" label="Chinese (China)">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-HK.vtt') }}" srclang="zh-HK" label="Chinese (Hongkong)">
       </video>
-    </p>
+    </div>
   </div>
   <div class="col-md-6">
       <p class=lead>