Updates to the active threads catalog in the landing

boards/static/css/base.css

@@ -184,12 +184,16 b' textarea, input {'
 }
 
 .landing-threads {
-    display: table;
     margin-left: auto;
     margin-right: auto;
+    text-align: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
 }
 
 .landing-threads > .thread-short {
     display: inline-block;
+    width: 240px;
 }
 

boards/templates/boards/landing.html

@@ -25,24 +25,24 b''
             {{ section_str|safe }}
         </div>
         <br />
-        <div class="landing-threads">
         {% if latest_threads %}
-            {% trans "Active threads:" %}<br />
+            <div>{% trans "Active threads:" %}</div>
+            <div class="landing-threads">
             {% for op in latest_threads %}
                 <div class="thread-short gallery_image">
-                {% for attachment in op.attachments.all %}
-                    {{ attachment.get_view|safe }}
-                {% endfor %}
-                {{ op.get_title_or_text }}
-                <br />
-                {{ op.thread.get_sections_str|safe }}
-                <br />
-                {{ op.get_link_view|safe }} +{{ op.today_post_count }}
+                {{ op.attachments.first.get_view|safe }}
+                {% with title=op.get_title_or_text %}
+                    {% if title %}
+                        <div>{{ title }}</div>
+                    {% endif %}
+                {% endwith %}
+                <div>{{ op.thread.get_sections_str|safe }}</div>
+                <div>{{ op.get_link_view|safe }} +{{ op.today_post_count }}</div>
                 </div>
             {% endfor %}
+            </div>
         {% else %}
-            {% trans "No active threads today." %}
+            <div>{% trans "No active threads today." %}</div>
         {% endif %}
-        </div>
     </div>
 {% endblock %}