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,20 +1,21 @@
 {% 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 %}
+            <div class="forum__categories__list">
                 {% for forum in forums %}
                     {{ forum_category_entry(forum) }}
                 {% endfor %}
+            </div>
         {% else %}
-                <div class="forum__listing__none">
+            <div class="forum__categories__empty">
                 This category is empty.
             </div>
         {% endif %}
     </div>
-    </div>
 {% endmacro %}
 
 {% macro forum_category_buttons(forum, perms) %}