Improved tags list section

src/common/AsideMenu.js

@@ -29,6 +29,7 @@ export default function AsideMenu({ selectedServer, className, showOnMobile }) {
   return (
     <aside className={asideClass}>
       <nav className="nav flex-column aside-menu__nav">
+        <h4 className="aside-menu__nav-group-title">Short URLs</h4>
         <NavLink
           className="aside-menu__item"
           activeClassName="aside-menu__item--selected"
@@ -45,6 +46,8 @@ export default function AsideMenu({ selectedServer, className, showOnMobile }) {
           <FontAwesomeIcon icon={createIcon} flip="horizontal" />
           <span className="aside-menu__item-text">Create short URL</span>
         </NavLink>
+
+        <h4 className="aside-menu__nav-group-title">Tags</h4>
         <NavLink
           className="aside-menu__item"
           activeClassName="aside-menu__item--selected"

src/common/AsideMenu.scss

@@ -1,5 +1,6 @@
 @import '../utils/base';
 @import '../utils/mixins/box-shadow';
+@import '../utils/mixins/vertical-align';
 
 $asideMenuMobileWidth: 280px;
 
@@ -74,3 +75,22 @@ $asideMenuMobileWidth: 280px;
 .aside-menu__item-text {
   margin-left: 8px;
 }
+
+.aside-menu__nav-group-title {
+  font-size: .9rem;
+  text-align: center;
+  color: #bbb;
+  text-shadow: 1px 1px #ddd;
+  position: relative;
+
+  &:before {
+    @include vertical-align();
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background: red;
+  }
+}
+.aside-menu__nav-group-title:not(:first-child) {
+  margin-top: 1rem;
+}