Forum design updates.

assets/less/classes/forum/categories.less

@@ -0,0 +1,18 @@
+.forum__categories {
+    margin-bottom: 2px;
+    box-sizing: content-box;
+    overflow: auto;
+
+    &__empty {
+        font-size: 1.2em;
+        line-height: 1.5em;
+        text-align: center;
+        padding: 10px;
+    }
+
+    &__list {
+        display: flex;
+        flex-direction: column;
+        margin: 5px;
+    }
+}

assets/less/main.less

@@ -113,6 +113,7 @@ body {
 
 // Forums
 @import "classes/forum/actions";
+@import "classes/forum/categories";
 @import "classes/forum/listing";
 @import "classes/forum/pagination";
 @import "classes/forum/post";

templates/forum/macros.twig

@@ -1,19 +1,20 @@
 {% macro forum_category_listing(forums, title) %}
     {% from _self import forum_category_entry %}
 
-    <div class="container forum__listing">
+    <div class="container container--new forum__categories">
         <div class="container__title">{{ title }}</div>
-        <div class="forum__listing__forums">
+
-            {% if forums|length > 0 %}
+        {% if forums|length > 0 %}
+            <div class="forum__categories__list">
                 {% for forum in forums %}
                     {{ forum_category_entry(forum) }}
                 {% endfor %}
-            {% else %}
+            </div>
-                <div class="forum__listing__none">
+        {% else %}
-                    This category is empty.
+            <div class="forum__categories__empty">
-                </div>
+                This category is empty.
-            {% endif %}
+            </div>
-        </div>
+        {% endif %}
     </div>
 {% endmacro %}