Change layout

app/templates/top10.html

@@ -5,20 +5,23 @@
     {% for category, plot_filenames in plots.items() %}
         <h3 style="text-align: center">{{ category }}</h3>
         <div class="container-fluid">
-            <div class="row">
-                {% for plot_filename in plot_filenames %}
-                <div class="col-md-2" style="vertical-align: middle">
-                    <h3>#{{ loop.index }}</h3>
+            {% for plot_filename in plot_filenames %}
+                <div class="row">
+                    <div class="col-md-2" style="vertical-align: middle">
+                        <h3>#{{ loop.index }}</h3>
+                    </div>
+                    <div class="col-md-8">
+                        <a href="{{ plot_filename }}">
+                        <img class="plot img-responsive"
+                             src="{{ plot_filename }}"
+                             alt="{{ plot_filename }}"/>
+                        </a>
+                    </div>
+                    <div class="col-md-2">
+                        &nbsp;
+                    </div>
                 </div>
-                <div class="col-md-8">
-                    <a href="{{ plot_filename }}">
-                    <img class="plot img-responsive"
-                         src="{{ plot_filename }}"
-                         alt="{{ plot_filename }}"/>
-                    </a>
-                </div>
-                {% endfor %}
-            </div>
+            {% endfor %}
         </div>
     {% endfor %}