# HG changeset patch
# User neko259 <neko259@gmail.com>
# Date 2015-07-24 12:39:01
# Node ID be5f9d10ae6baa92e0439a1932ce5386bbf45b2b
# Parent  116f9cc348798a22cba0c3d9e651737e7b9c7114

Use more mobile friendly design for random images (no tables, just blocks that
can be line-breaked

diff --git a/boards/static/css/base.css b/boards/static/css/base.css
--- a/boards/static/css/base.css
+++ b/boards/static/css/base.css
@@ -109,7 +109,7 @@ textarea, input {
     width: 100%;
 }
 
-.random-images-table > table {
+.random-images-table > div {
     margin-left: auto;
     margin-right: auto;
 }
diff --git a/boards/templates/boards/random.html b/boards/templates/boards/random.html
--- a/boards/templates/boards/random.html
+++ b/boards/templates/boards/random.html
@@ -10,10 +10,8 @@
 
     {% if posts %}
         <div class="random-images-table">
-        <table>
-            <tr>
+            <div>
             {% for post in posts %}
-                <td>
                 <div class="gallery_image">
                 {% with post.get_first_image as image %}
                     {% autoescape off %}
@@ -22,14 +20,12 @@
                     <a href="{{ post.get_absolute_url }}">>>{{ post.id }}</a>
                 {% endwith %}
                 </div>
-                </td>
                 {% if forloop.counter|divisibleby:"3" %}
-                </tr>
-                <tr>
+                </div>
+                <div>
                 {% endif %}
             {% endfor %}
-            </tr>
-        </table>
+            </div>
         </div>
     {% endif %}