Example sorting menu

uiframework/admin/layout.html

@@ -159,13 +159,27 @@
 
         <div class="btn-group pull-left">
           <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            Sorting: <span class="fa fa-sort-alpha-asc"></span> <strong>Username</strong>
+            Sorting: <span class="fa fa-sort-numeric-asc"></span> <strong>Oldest</strong>
           </button>
           <ul class="dropdown-menu" role="menu">
-            <li><a href="#">Action</a></li>
-            <li><a href="#">Another action</a></li>
-            <li><a href="#">Something else here</a></li>
-            <li><a href="#">Separated link</a></li>
+            <li>
+              <a href="#">
+                <span class="fa fa-sort-numeric-desc"></span>
+                Newest
+              </a>
+              <a href="#">
+                <span class="fa fa-sort-numeric-asc"></span>
+                Oldest
+              </a>
+              <a href="#">
+                <span class="fa fa-sort-numeric-desc"></span>
+                Most posts
+              </a>
+              <a href="#">
+                <span class="fa fa-sort-numeric-asc"></span>
+                Least posts
+              </a>
+            </li>
           </ul>
         </div>
 

uiframework/misago/admin/css/style.css

@@ -6073,6 +6073,10 @@ body {
     color: #ffffff;
   }
 }
+/* Sorting menu */
+.sorting-menu > li {
+  padding: 6px 12px;
+}
 .pager {
   margin: 0px;
   padding-bottom: 2px;