Sync between machines

animation/static/css/animation.css

@@ -7,6 +7,7 @@
     border-style:solid; 
     border-color:black;
     border-radius:5px;
+    width:100%;
 }
 
 .animation_slider_wrapper { // Div around slider. Give a bit of a border

animation/static/html/animation.html

-<div class="animation_wrapper" style="width:{width};">
+<div class="animation_wrapper">
   <script type="data/animation" class="animation_source">
     {{"position":{position}, 
       "animation":{animation}, 
@@ -8,7 +8,9 @@
   <div class="animation_slider_wrapper">
     <div class="animation_slider" style="width:{inner_width}; "></div>
   </div>
-  <img class="animation_image" src="" height={height} width={width}>
+  <div class="animation_image_wrapper">
+    <img class="animation_image" src="" height={height} width={width}>
+  </div>
   <div class="animation_text_wrapper" style="height:{textheight}">
     <div class="animation_text">
     </div>