Finish forum mangement and plugin view.

and some bug/style fixes.

flaskbb/themes/aurora/src/flaskbb.scss

@@ -373,6 +373,15 @@ body {
     }
 }
 
+.profile-picture {
+    margin: 0.5em 0;
+
+    img {
+        border-radius: 0.25em;
+        height: auto;
+        width: 8em;
+    }
+}
 
 // forum specific values
 .forum-panel {
@@ -590,6 +599,12 @@ body {
         display: none;
         padding: 15px;
     }
+
+    // overwrite default
+    .category-head {
+        font-weight: normal;
+    }
+
     .management-head {
         border-radius: 0;
         background-color: $blue;
@@ -598,16 +613,9 @@ body {
         border-radius: 0;
         padding: 0;
         .panel.settings-panel {
-            border-right: 0;
-            border-top: 0;
-            border-bottom: 0;
-            border-radius: 0;
+            border: none;
             margin-bottom: 0;
 
-            &.with-left-border {
-                border-left: 1px solid $border-color;
-            }
-
             .settings-head {
                 border-radius: 0;
                 background-color: $panel-hover;
@@ -621,6 +629,7 @@ body {
             }
 
             .settings-meta {
+                background-color: $panel-meta-background;
                 margin: 0;
                 padding: 5px 0 5px 0;
                 border-bottom: 1px solid $border-color;
@@ -647,6 +656,7 @@ body {
 
                 &:last-child {
                     padding-bottom: 10px;
+                    border-bottom: none !important;
                 }
 
                 &.hover:hover {
@@ -670,6 +680,13 @@ body {
     }
 }
 
+.with-left-border {
+    border-left: 1px solid $border-color;
+}
+
+.with-border-bottom {
+    border-bottom: 1px solid $border-color;
+}
 
 p.flaskbb-stats {
     margin: 0;
@@ -701,7 +718,18 @@ p.flaskbb-stats {
 
 // a "link" that is actually a button
 .btn.btn-link {
+    border: none;
+    color: #337ab7;
+    text-decoration: none;
     padding: 0;
+    // for some (yet for me unkown) reasons this required to be on the same
+    // height as for normal links (happens when using the inline-forms)
+    margin-bottom: 2px;
+
+    &:focus, &:hover {
+    color: #23527c;
+    text-decoration: underline;
+}
 }
 
 .btn-icon {
@@ -872,6 +900,7 @@ p.flaskbb-stats {
             border-bottom: none;
         }
         .nav-justified {
+            //padding-bottom: 1px;
             margin-bottom: -1px;
         }
     }
@@ -880,34 +909,28 @@ p.flaskbb-stats {
 .panel-tabs {
     .nav-tabs {
         &.nav-justified > li > a {
-            border-radius: 0;
-            border-top: none;
-            border-bottom: 1px solid $border-color;
         }
         // non-active and hover
         > li {
-            > a {
+            a {
                 color: $header-subtitle-font-color;
+                border: 1px solid $blue;
+
                 // different background color when hovering
                 &:hover, &:focus {
                     background-color: $fresh-blue;
-                    border-color: transparent;
-                    border-top: none;
-                    border-bottom: 1px solid $border-color;
+                    border: 1px solid $fresh-blue;
+                    border-radius: 0;
                 }
             }
         }
         // active and hover
         > li.active {
-            > a, a:hover, a:focus {
+            a, a:hover, a:focus {
                 color: $header-title-font-color;
                 background-color: $fresh-blue;
-                border-color: $border-color;
-                border-bottom-color: transparent;
-                border-top: none;
-                border-left: none;
-                border-right: none;
-                border-bottom: 1px solid $border-color;
+                border: 1px solid $fresh-blue;
+                border-radius: 0;
             }
         }
     }

flaskbb/themes/aurora/static/css/flaskbb.css

@@ -197,6 +197,13 @@ body {
 .author .author-offline {
   background: #555; }
 
+.profile-picture {
+  margin: 0.5em 0; }
+  .profile-picture img {
+    border-radius: 0.25em;
+    height: auto;
+    width: 8em; }
+
 .forum-panel {
   border: 1px solid #cad7e1;
   margin-bottom: 0; }
@@ -327,6 +334,8 @@ body {
 .management-panel .search-form {
   display: none;
   padding: 15px; }
+.management-panel .category-head {
+  font-weight: normal; }
 .management-panel .management-head {
   border-radius: 0;
   background-color: #337ab7; }
@@ -334,13 +343,8 @@ body {
   border-radius: 0;
   padding: 0; }
   .management-panel .management-body .panel.settings-panel {
-    border-right: 0;
-    border-top: 0;
-    border-bottom: 0;
-    border-radius: 0;
+    border: none;
     margin-bottom: 0; }
-    .management-panel .management-body .panel.settings-panel.with-left-border {
-      border-left: 1px solid #cad7e1; }
     .management-panel .management-body .panel.settings-panel .settings-head {
       border-radius: 0;
       background-color: #f8f8f8;
@@ -350,6 +354,7 @@ body {
       .management-panel .management-body .panel.settings-panel .settings-body .settings-form {
         padding-top: 10px; }
     .management-panel .management-body .panel.settings-panel .settings-meta {
+      background-color: #e8f1f2;
       margin: 0;
       padding: 5px 0 5px 0;
       border-bottom: 1px solid #cad7e1; }
@@ -369,7 +374,8 @@ body {
       padding: 5px 0 5px 0;
       margin: 0; }
       .management-panel .management-body .panel.settings-panel .settings-row:last-child {
-        padding-bottom: 10px; }
+        padding-bottom: 10px;
+        border-bottom: none !important; }
       .management-panel .management-body .panel.settings-panel .settings-row.hover:hover {
         background-color: #f8f8f8; }
       .management-panel .management-body .panel.settings-panel .settings-row .btn-icon {
@@ -381,6 +387,12 @@ body {
       .management-panel .management-body .panel.settings-panel .settings-footer .pagination {
         margin: 0; }
 
+.with-left-border {
+  border-left: 1px solid #cad7e1; }
+
+.with-border-bottom {
+  border-bottom: 1px solid #cad7e1; }
+
 p.flaskbb-stats {
   margin: 0;
   padding: 0; }
@@ -403,7 +415,14 @@ p.flaskbb-stats {
   display: inline; }
 
 .btn.btn-link {
-  padding: 0; }
+  border: none;
+  color: #337ab7;
+  text-decoration: none;
+  padding: 0;
+  margin-bottom: 2px; }
+  .btn.btn-link:focus, .btn.btn-link:hover {
+    color: #23527c;
+    text-decoration: underline; }
 
 .btn-icon {
   font-family: 'FontAwesome';
@@ -527,26 +546,18 @@ p.flaskbb-stats {
 .panel.panel-tabs .nav-justified {
   margin-bottom: -1px; }
 
-.panel-tabs .nav-tabs.nav-justified > li > a {
-  border-radius: 0;
-  border-top: none;
-  border-bottom: 1px solid #cad7e1; }
-.panel-tabs .nav-tabs > li > a {
-  color: #E8F1F2; }
-  .panel-tabs .nav-tabs > li > a:hover, .panel-tabs .nav-tabs > li > a:focus {
+.panel-tabs .nav-tabs > li a {
+  color: #E8F1F2;
+  border: 1px solid #337ab7; }
+  .panel-tabs .nav-tabs > li a:hover, .panel-tabs .nav-tabs > li a:focus {
     background-color: #0088cc;
-    border-color: transparent;
-    border-top: none;
-    border-bottom: 1px solid #cad7e1; }
-.panel-tabs .nav-tabs > li.active > a, .panel-tabs .nav-tabs > li.active a:hover, .panel-tabs .nav-tabs > li.active a:focus {
+    border: 1px solid #0088cc;
+    border-radius: 0; }
+.panel-tabs .nav-tabs > li.active a, .panel-tabs .nav-tabs > li.active a:hover, .panel-tabs .nav-tabs > li.active a:focus {
   color: #fff;
   background-color: #0088cc;
-  border-color: #cad7e1;
-  border-bottom-color: transparent;
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  border-bottom: 1px solid #cad7e1; }
+  border: 1px solid #0088cc;
+  border-radius: 0; }
 
 /* Markdown Editor */
 .editor-box .editor-submit .btn {

flaskbb/themes/aurora/templates/management/banned_users.html

@@ -27,8 +27,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
 
             <span class="fa fa-user-times"></span> {% trans %}Banned Users{% endtrans %}
@@ -92,7 +92,7 @@
                         <form class="inline-form" id="unban-{{user.id}}" method="post" action="{{ url_for('management.unban_user', user_id = user.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-flag text-success" data-toggle="tooltip" data-placement="top" title="{% trans %}Unban{% endtrans %}"></span>
                             </button>
                         </form>

flaskbb/themes/aurora/templates/management/category_form.html

@@ -24,8 +24,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-comments-o"></span> {{ title }}
         </div>

flaskbb/themes/aurora/templates/management/forum_form.html

@@ -24,8 +24,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-comment-o"></span> {{ title }}
         </div>

flaskbb/themes/aurora/templates/management/forums.html

@@ -24,8 +24,8 @@
 </div>
 
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-comments"></span> {% trans %}Manage Forums{% endtrans %}
         </div>
@@ -37,15 +37,21 @@
                         <div class="row">
                             <div class="col-md-12">
                                 <div class="pull-left">
-                                    <a href="{{ category.url }}">{{ category.title }}</a>
+                                    <a href="{{ category.url }}"><strong>{{ category.title }}</strong></a>
                                 </div>
                                 <div class="pull-right">
-                                <a href="{{ url_for('management.add_forum', category_id=category.id) }}">{% trans %}Add Forum{% endtrans %}</a>
-                                <a href="{{ url_for('management.edit_category', category_id = category.id) }}">{% trans %}Edit{% endtrans %}</a>
-                                <form class="inline-form" method="post" action="{{ url_for('management.delete_category', category_id=category.id) }}">
-                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                    <button class="btn btn-link">{% trans %}Delete{% endtrans %}</button>
-                                </form>
+                                    <a class="btn btn-xs btn-default" href="{{ url_for('management.add_forum', category_id=category.id) }}">
+                                        <span class="fa fa-plus"></span> {% trans %}Add Forum{% endtrans %}
+                                    </a>
+                                    <a class="btn btn-xs btn-success" href="{{ url_for('management.edit_category', category_id = category.id) }}">
+                                        <span class="fa fa-pencil"></span> {% trans %}Edit Category{% endtrans %}
+                                    </a>
+                                    <form class="inline-form" method="post" action="{{ url_for('management.delete_category', category_id=category.id) }}">
+                                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                                        <button class="btn btn-xs btn-danger">
+                                            <span class="fa fa-trash"></span> {% trans %}Delete Category{% endtrans %}
+                                        </button>
+                                    </form>
                                 </div>
                             </div>
                         </div>
@@ -54,11 +60,8 @@
                     <div class="panel-body category-body">
                         <div class="category-meta">
                             <div class="col-md-5 col-sm-5 col-xs-8 forum-name">{% trans %}Forum{% endtrans %}</div>
-                            <div class="col-md-2 col-sm-2 hidden-xs forum-stats">{% trans %}Topics{% endtrans %}</div>
-                            <div class="col-md-2 col-sm-2 hidden-xs forum-stats">{% trans %}Posts{% endtrans %}</div>
-                            <div class="col-md-3 col-sm-3 col-xs-4 forum-last-post">
-
-                            </div>
+                            <div class="col-md-2 col-sm-2 hidden-xs forum-stats">{% trans %}Topics / Posts{% endtrans %}</div>
+                            <div class="col-md-5 col-sm-5 col-xs-4 forum-last-post"></div>
                         </div>
                         {% for forum in category.forums %}
                         <div class="row category-row hover">
@@ -87,17 +90,21 @@
 
                             <!-- Post Cunt -->
                             <div class="col-md-2 col-sm-2 hidden-xs forum-posts">
-                                -
+                                - -
                             </div>
 
-                            <!-- Topic Count -->
-                            <div class="col-md-2 col-sm-2 hidden-xs forum-topics">
-                                -
-                            </div>
+                            <!-- Forum Actions -->
+                            <div class="col-md-5 col-sm-5 col-xs-4 forum-last-post">
+                                <div class="forum-actions pull-right">
+                                    <a class="btn btn-sm btn-success" href="{{ url_for('management.edit_forum', forum_id = forum.id) }}">
+                                        <span class="fa fa-pencil"></span> {% trans %}Edit Link{% endtrans %}
+                                    </a>
 
-                            <!-- Last Post -->
-                            <div class="col-md-3 col-sm-3 col-xs-4 forum-last-post">
-                                ---
+                                    <form class="inline-form" method="post" action="{{ url_for('management.delete_forum', forum_id=forum.id) }}">
+                                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                                        <button class="btn btn-sm btn-danger"><span class="fa fa-trash"></span> {% trans %}Delete Link{% endtrans %}</button>
+                                    </form>
+                                </div>
                             </div>
                             {% else %}
                             <div class="col-md-5 col-sm-5 col-xs-8 forum-info">
@@ -137,39 +144,21 @@
 
                             <!-- Post Cunt -->
                             <div class="col-md-2 col-sm-2 hidden-xs forum-topics">
-                            {{ forum.topic_count }}
+                                {{ forum.topic_count }} / {{ forum.post_count }}
                             </div>
 
-                            <!-- Topic Count -->
-                            <div class="col-md-2 col-sm-2 hidden-xs forum-posts">
-                            {{ forum.post_count }}
-                            </div>
-
-                            <!-- Last Post -->
-                            <div class="col-md-3 col-sm-3 col-xs-4 forum-last-post">
-                                {% if forum.last_post_id %}
-                                <div class="last-post-title">
-                                    <a href="{{ forum.last_post_url }}" title="{{ forum.last_post_title }}">
-                                        {{ forum.last_post_title|crop_title }}
+                            <!-- Forum Actions -->
+                            <div class="col-md-5 col-sm-5 col-xs-4 forum-last-post">
+                                <div class="forum-actions pull-right">
+                                    <a class="btn btn-sm btn-primary" href="{{ url_for('management.edit_forum', forum_id = forum.id) }}">
+                                        <span class="fa fa-pencil"></span> {% trans %}Edit Forum{% endtrans %}
                                     </a>
-                                </div>
-
-                                <div class="last-post-time">
-                                    {{ forum.last_post_created|time_since }}
-                                </div>
 
-                                <div class="last-post-author">
-                                    {% trans %}by{% endtrans %}
-                                    {% if forum.last_post_user_id %}
-                                    <a href="{{ url_for('user.profile', username=forum.last_post_username) }}">{{ forum.last_post_username }}</a>
-                                    {% else %}
-                                    {{ forum.last_post_username }}
-                                    {% endif %}
+                                    <form class="inline-form" method="post" action="{{ url_for('management.delete_forum', forum_id=forum.id) }}">
+                                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                                        <button class="btn btn-sm btn-danger"><span class="fa fa-trash"></span> {% trans %}Delete Forum{% endtrans %}</button>
+                                    </form>
                                 </div>
-
-                                {% else %}
-                                {% trans %}No posts.{% endtrans %}
-                                {% endif %} {# endif forum.last_post_id #}
                             </div>
 
                         {% endif %} {# endif forum.external #}
@@ -183,14 +172,4 @@
         </div>
     </div>
 </div>
-{#
-
-
-                                    <a href="{{ url_for('management.edit_forum', forum_id = forum.id) }}">{% trans %}Edit{% endtrans %}</a> |
-                                    <form class="inline-form" method="post" action="{{ url_for('management.delete_forum', forum_id=forum.id) }}">
-                                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                        <button class="btn btn-link">{% trans %}Delete{% endtrans %}</button>
-                                    </form>
-#}
-
 {% endblock %}

flaskbb/themes/aurora/templates/management/group_form.html

@@ -23,8 +23,8 @@
     </div>
 </div>
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-user-plus"></span> {{ title }}
         </div>

flaskbb/themes/aurora/templates/management/groups.html

@@ -22,8 +22,8 @@
     </div>
 </div>
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-users"></span> {% trans %}Groups{% endtrans %}
         </div>
@@ -55,12 +55,12 @@
                     <div class="col-md-4 col-sm-4 col-xs-5">{{ group.name }}</div>
                     <div class="col-md-5 col-sm-5 hidden-xs">{{ group.description }}</div>
                     <div class="col-md-2 col-sm-2 col-xs-5">
-                        <a href="{{ url_for('management.edit_group', group_id = group.id) }}" class="btn btn-link">
+                        <a href="{{ url_for('management.edit_group', group_id = group.id) }}" class="btn btn-icon">
                             <span class="fa fa-pencil text-primary" data-toggle="tooltip" data-placement="top" title="{% trans %}Edit{% endtrans %}"></span>
                         </a>
                         <form class="inline-form" id="delete-{{group.id}}" method="post" action="{{ url_for('management.delete_group', group_id=group.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-trash text-danger" data-toggle="tooltip" data-placement="top" title="{% trans %}Delete{% endtrans %}"></span>
                             </button>
                         </form>

flaskbb/themes/aurora/templates/management/plugins.html

@@ -20,60 +20,55 @@
         </div>
         <div class="panel-body settings-body">
             <div class="settings-content">
-                <table class="table">
-                    <thead>
-                        <tr>
-                            <th>{% trans %}Plugin{% endtrans %}</th>
-                            <th>{% trans %}Information{% endtrans %}</th>
-                            <th>{% trans %}Manage{% endtrans %}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for plugin in plugins %}
-                        <tr>
-                          <td>
-                            {% if plugin.website %}
-                              <a href="{{ plugin.website }}">{{ plugin.name }}</a>
-                            {% else %}
-                              {{ plugin.name }}
-                            {% endif %}
-                            </td>
-                            <td>
-                                {% trans %}Version{% endtrans %}: <i>{{ plugin.version }}</i> <br />
-                                {{ plugin.description }} <br />
-                                {% trans %}by{% endtrans %}  <i>{{ plugin.author }}</i>
-                            </td>
-                            <td>
-                                {% if not plugin.enabled %}
-                                <form class="inline-form" method="post" action="{{ url_for('management.enable_plugin', plugin=plugin.identifier) }}">
-                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                    <button class="btn btn-link">{% trans %}Enable{% endtrans %}</button>
-                                </form>
-                                {% else %}
-                                <form class="inline-form" method="post" action="{{ url_for('management.disable_plugin', plugin=plugin.identifier) }}">
-                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                    <button class="btn btn-link">{% trans %}Disable{% endtrans %}</button>
-                                </form>
-                                {% endif %}
+                <div class="settings-meta">
+                    <div class="row settings-row">
+                        <div class="col-md-4 col-sm-4 col-xs-4 meta-item">{% trans %}Plugin{% endtrans %}</div>
+                        <div class="col-md-4 col-sm-4 col-xs-4 meta-item">{% trans %}Information{% endtrans %}</div>
+                        <div class="col-md-4 col-sm-4 col-xs-4 meta-item">{% trans %}Manage{% endtrans %}</div>
+                    </div>
+                </div>
+                {% for plugin in plugins %}
+                <div class="row settings-row hover with-border-bottom">
+                    <div class="col-md-4 col-sm-4 col-xs-4">
+                    {% if plugin.website %}
+                      <a href="{{ plugin.website }}">{{ plugin.name }}</a>
+                    {% else %}
+                      {{ plugin.name }}
+                    {% endif %}
+                    </div>
+                    <div class="col-md-4 col-sm-4 col-xs-4">
+                        <div class="plugin-version">{% trans %}Version{% endtrans %}: {{ plugin.version }}</div>
+                        <div class="plugin-description">{{ plugin.description }}</div>
+                        <div class="plugin-author">{% trans %}by{% endtrans %} {{ plugin.author }}</div>
+                    </div>
+                    <div class="col-md-4 col-sm-4 col-xs-4">
+                        {% if not plugin.enabled %}
+                        <form class="inline-form" method="post" action="{{ url_for('management.enable_plugin', plugin=plugin.identifier) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                            <button class="btn btn-success">{% trans %}Enable{% endtrans %}</button>
+                        </form>
+                        {% else %}
+                        <form class="inline-form" method="post" action="{{ url_for('management.disable_plugin', plugin=plugin.identifier) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                            <button class="btn btn-warning">{% trans %}Disable{% endtrans %}</button>
+                        </form>
+                        {% endif %}
 
-                                {% if plugin.installable and not plugin.uninstallable %}
-                                <br />
-                                <form class="inline-form" method="post" action="{{ url_for('management.install_plugin', plugin=plugin.identifier) }}">
-                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                    <button class="btn btn-link">{% trans %}Install{% endtrans %}</button>
-                                </form>
-                                {% endif %}
-                                {% if plugin.uninstallable %}
-                                <form class="inline-form" method="post" action="{{ url_for('management.uninstall_plugin', plugin=plugin.identifier) }}">
-                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                                    <button class="btn btn-link">{% trans %}Uninstall{% endtrans %}</button>
-                                </form>
-                                {% endif %}
-                            </td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
+                        {% if plugin.installable and not plugin.uninstallable %}
+                        <form class="inline-form" method="post" action="{{ url_for('management.install_plugin', plugin=plugin.identifier) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                            <button class="btn btn-info">{% trans %}Install{% endtrans %}</button>
+                        </form>
+                        {% endif %}
+                        {% if plugin.uninstallable %}
+                        <form class="inline-form" method="post" action="{{ url_for('management.uninstall_plugin', plugin=plugin.identifier) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
+                            <button class="btn btn-danger">{% trans %}Uninstall{% endtrans %}</button>
+                        </form>
+                        {% endif %}
+                    </div>
+                </div>
+                {% endfor %}
             </div>
         </div>
     </div>

flaskbb/themes/aurora/templates/management/reports.html

@@ -25,8 +25,8 @@
 </div>
 
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-flag"></span> {% trans %}All Reports{% endtrans %}
         </div>

flaskbb/themes/aurora/templates/management/settings.html

@@ -28,8 +28,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-cogs"></span> {{ active_group.name }}
         </div>

flaskbb/themes/aurora/templates/management/unread_reports.html

@@ -25,8 +25,8 @@
 </div>
 
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-flag"></span> {% trans %}Unread Reports{% endtrans %}
         </div>
@@ -65,7 +65,7 @@
                     <div class="col-md-2 col-sm-2 col-xs-2">
                         <form class="inline-form" id="read-{{report.id}}" method="post" action="{{ url_for('management.report_markread', report_id=report.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-flag-o text-primary" data-toggle="tooltip" data-placement="top" title="{% trans %}Mark as Read{% endtrans %}"></span>
                             </button>
                         </form>

flaskbb/themes/aurora/templates/management/user_form.html

@@ -27,8 +27,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
             <span class="fa fa-user-plus"></span> {{ title }}
         </div>

flaskbb/themes/aurora/templates/management/users.html

@@ -27,8 +27,8 @@
     </div>
 </div><!--/.col-md-3 -->
 
-<div class="col-md-9 settings-col">
-    <div class="panel settings-panel with-left-border">
+<div class="col-md-9 settings-col with-left-border">
+    <div class="panel settings-panel">
         <div class="panel-heading settings-head">
 
             <span class="fa fa-user"></span> {% trans %}Users{% endtrans %}
@@ -99,7 +99,7 @@
                     <div class="col-md-2 col-sm-2 col-xs-3">{{ user.primary_group.name }}</div>
                     <div class="col-md-2 col-sm-2 col-xs-2">
                     {% if current_user|can_edit_user and not user|is_admin or current_user|is_admin %}
-                        <a href="{{ url_for('management.edit_user', user_id = user.id) }}" class="btn btn-link">
+                        <a href="{{ url_for('management.edit_user', user_id = user.id) }}" class="btn btn-icon">
                             <span class="fa fa-pencil" data-toggle="tooltip" data-placement="top" title="{% trans %}Edit{% endtrans %}"></span>
                         </a>
                     {% endif %}
@@ -108,7 +108,7 @@
                         <form class="inline-form" id="ban-{{user.id}}" method="post" action="{{ url_for('management.ban_user', user_id = user.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-flag text-warning" data-toggle="tooltip" data-placement="top" title="{% trans %}Ban{% endtrans %}"></span>
                             </button>
                         </form>
@@ -118,7 +118,7 @@
                         <form class="inline-form" id="unban-{{user.id}}" method="post" action="{{ url_for('management.unban_user', user_id = user.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-flag text-success" data-toggle="tooltip" data-placement="top" title="{% trans %}Unban{% endtrans %}"></span>
                             </button>
                         </form>
@@ -128,7 +128,7 @@
                         <form class="inline-form" id="delete-{{user.id}}" method="post" action="{{ url_for('management.delete_user', user_id = user.id) }}">
                             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
-                            <button class="btn btn-link">
+                            <button class="btn btn-icon">
                                 <span class="fa fa-trash text-danger" data-toggle="tooltip" data-placement="top" title="{% trans %}Delete{% endtrans %}"></span>
                             </button>
                         </form>