add sort by active & redesign select

web/app/components/auth-panel/__select-label/auth-panel__select-label.scss

@@ -0,0 +1,10 @@
+.auth-panel__select-label {
+  position: relative;
+  white-space: nowrap;
+  font-weight: 700;
+
+  &::after {
+    content: '▾';
+    margin-left: 2px;
+  }
+}

web/app/components/auth-panel/__select/auth-panel__select.scss

@@ -1,5 +1,9 @@
 .auth-panel__select {
-  &:focus {
-    outline: none;
-  }
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0;
+  cursor: pointer;
 }

web/app/components/auth-panel/auth-panel.jsx

@@ -95,13 +95,16 @@ export default class AuthPanel extends Component {
           <span className="auth-panel__sort">
             Sort by
             {' '}
-            <select className="auth-panel__select" onChange={this.onSortChange}>
-              {
-                sortArray.map(sort => (
-                  <option value={sort.value} selected={sort.selected}>{sort.label}</option>
-                ))
-              }
-            </select>
+            <label className="auth-panel__select-label">
+              {sortArray.find(x => x.selected).label}
+              <select className="auth-panel__select" onChange={this.onSortChange}>
+                {
+                  sortArray.map(sort => (
+                    <option value={sort.value} selected={sort.selected}>{sort.label}</option>
+                  ))
+                }
+              </select>
+            </label>
           </span>
         </div>
       </div>
@@ -127,6 +130,14 @@ function getSortArray(currentSort) {
       value: '+time',
       label: 'Oldest',
     },
+    {
+      value: '-active',
+      label: 'Recently updated',
+    },
+    {
+      value: '+active',
+      label: 'Least recently updated',
+    },
   ];
 
   return sortArray.map(sort => {

web/app/components/auth-panel/index.js

@@ -5,6 +5,7 @@ require('./auth-panel.scss');
 require('./__column/auth-panel__column.scss');
 require('./__pseudo-link/auth-panel__pseudo-link.scss');
 require('./__select/auth-panel__select.scss');
+require('./__select-label/auth-panel__select-label.scss');
 require('./__sort/auth-panel__sort.scss');
 require('./__username/auth-panel__username.scss');
 require('./__user-id/auth-panel__user-id.scss');