feature: refactoring

src/styles/left-nav/_index.scss

@@ -29,7 +29,6 @@ nav {
     margin-left: 3px;
     margin-right: 3px;
     opacity: 0.8;
-    vertical-align: top;
     width: 12px;
 
     div {
@@ -38,6 +37,10 @@ nav {
     }
   }
 
+  .sub-menu-name {
+    margin-right: 15px;
+  }
+
 
   /* Ellipsis */
   .ellipsis {
@@ -59,42 +62,6 @@ nav {
     }
   }
 
-
-
-  .sub-menu-name {
-    margin-right: 15px;
-  }
-
-
-  /* Ellipsis for project tab */
-  .circle-tab,
-  .project-tab {
-
-
-
-    .project-customer,
-    .project-name {
-      display: block;
-      width: calc(80vw - 96px);
-
-      @media(min-width: 1024px) {
-        width: 100%;
-      }
-    }
-
-    .project-customer,
-    .project-name>div {
-
-      @media(min-width: 1024px) {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-
-
   .divider {
     height: 1px;
     background-color: #D7DBE0;

src/views/partials/menu-left.pug

@@ -52,7 +52,7 @@ solid-widget(name='hubl-menu-fix-url-circle')
         fields='segment(status, circle(name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
 
-        class-status='segment sub-menu-icon'
+        class-status='segment text-top sub-menu-icon'
 
         class-circle='segment lg-three-quarter sub-menu-name'
 
@@ -76,7 +76,7 @@ solid-widget(name='hubl-menu-fix-url-project')
         fields='segment(status, project(customer.name, name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
 
-        class-status='segment sub-menu-icon'
+        class-status='segment text-top sub-menu-icon'
 
         class-project='segment lg-three-quarter sub-menu-name'