Update template for top10

app/templates/top10.html

@@ -3,14 +3,19 @@
 {% block main %}
 
     {% for category, plot_filenames in plots.items() %}
-        <h3>{{ category }}</h3>
+        <h3 style="text-align: center">{{ category }}</h3>
         <div class="container-fluid">
             <div class="row">
-                {% for plot_filename in plot_filenames %}
-                <div class="col-md-12">
+                {% for idx, plot_filename in enumerate(plot_filenames) %}
+                <div class="col-md-2">
+                    <h3>#{{ idx + 1 }}</h3>
+                </div>
+                <div class="col-md-10">
+                    <a href="{{ plot_filename }}">
                     <img class="plot img-responsive"
                          src="{{ plot_filename }}"
                          alt="{{ plot_filename }}"/>
+                    </a>
                 </div>
                 {% endfor %}
             </div>