Center random images

boards/static/css/base.css

@@ -103,3 +103,13 b' textarea, input {'
 #preview-text {
     display: none;
 }
+
+.random-images-table {
+    text-align: center;
+    width: 100%;
+}
+
+.random-images-table > table {
+    margin-left: auto;
+    margin-right: auto;
+}

boards/templates/boards/random.html

@@ -9,7 +9,11 b''
 {% block content %}
 
     {% if posts %}
+        <div class="random-images-table">
+        <table>
+            <tr>
         {% for post in posts %}
+                <td>
             <div class="gallery_image">
             {% with post.get_first_image as image %}
                 {% autoescape off %}
@@ -18,7 +22,15 b''
                 <a href="{{ post.get_absolute_url }}">>>{{ post.id }}</a>
             {% endwith %}
             </div>
+                </td>
+                {% if forloop.counter|divisibleby:"3" %}
+                </tr>
+                <tr>
+                {% endif %}
         {% endfor %}
+            </tr>
+        </table>
+        </div>
     {% endif %}
 
 {% endblock %}

boards/views/random.py

@@ -12,7 +12,7 b" TEMPLATE = 'boards/random.html'"
 
 CONTEXT_POSTS = 'posts'
 
-RANDOM_POST_COUNT = 10
+RANDOM_POST_COUNT = 9
 
 
 class RandomImageView(View):