ENH: Don't center the HTML animation rendering (Fixes #11795)

dopplershift · dopplershift · commit a8305dfb74e7 · 2018-08-06T12:03:08.000-06:00
Centering the animations makes them align differently than the regular
images in the notebook. Also, align attribute is somewhat deprecated.

This adjusts some of the styling as well so that the controls are
somewhat aligned with themselves.
diff --git a/lib/matplotlib/_animation_data.py b/lib/matplotlib/_animation_data.py
@@ -148,10 +148,10 @@
 
 # HTML template for HTMLWriter
 DISPLAY_TEMPLATE = """
-<div class="animation" align="center">
+<div class="animation">
     <img id="_anim_img{id}">
     <br>
-    <input id="_anim_slider{id}" type="range" style="width:350px"
+    <input id="_anim_slider{id}" type="range" style="width:275px"
            name="points" min="0" max="1" step="1" value="0"
            onchange="anim{id}.set_frame(parseInt(this.value));"></input>
     <br>
@@ -171,7 +171,8 @@
     <button onclick="anim{id}.last_frame()"><i class="fa fa-fast-forward">
         </i></button>
     <button onclick="anim{id}.faster()"><i class="fa fa-plus"></i></button>
-  <form action="#n" name="_anim_loop_select{id}" class="anim_control">
+  <form action="#n" name="_anim_loop_select{id}" class="anim_control"
+        style="margin-left:50px">
     <input type="radio" name="state"
            value="once" {once_checked}> Once </input>
     <input type="radio" name="state"
