fix: left-menu - icons alignment + feature: circle-edit and -profile

src/styles/index.scss

@@ -30,11 +30,21 @@ solid-display>div {
   width: 50%;
 }
 
+.w33 {
+  width: 33.333%;
+}
+
+.w66 {
+  width: 66.666%;
+}
+
 .text-left {
   text-align: left;
 }
 
 
+
+
 @import 'header/_index';
 @import 'left-nav/_index';
 @import 'content/_index';

src/styles/left-nav/_index.scss

@@ -31,18 +31,16 @@ nav {
   .sub-menu-icon {
     margin-left: 3px;
     margin-right: 3px;
-    margin-top: 1px;
     opacity: 0.8;
     width: 12px;
-
-    div {
-      font-family: simple-line-icons;
-      font-size: 12px;
+    >div {
+      line-height: 19px;
     }
   }
 
   .sub-menu-name {
     margin-right: 15px;
+    vertical-align: middle;
   }
 
 
@@ -59,9 +57,11 @@ nav {
 
       @media(min-width: 1024px) {
         display: block;
+        line-height: 19px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        width: 100%;
       }
     }
   }