feature: left-menu: circles

src/styles/base/menu-left.scss

@@ -144,11 +144,29 @@
       }
 
       /* Ellipsis for circle tab */
+      .circle-tab>div {
+        width: 100%;
+
+        &>solid-display {
+          display: block;
+          margin-top: 15px;
+          margin-left: 15px;
+        }
+        &>solid-display:first-child {
+          margin-top: 0;
+        }
+        hubl-menu-publicprivate {
+          width: 16px;
+          background: black;
+
+        }
+      }
 
       .circle-tab>div>solid-display>div {
 
         solid-display-div[name='name'] {
           flex: 3;
+          background: brown;
 
           >div[name='name'] {
             box-sizing: border-box;
@@ -174,6 +192,9 @@
           margin-top: 15px;
           margin-left: 15px;
         }
+        &>solid-display:first-child {
+          margin-top: 0;
+        }
       }
 
       .message-tab>div>solid-display>div>solid-display-div>div {
@@ -230,13 +251,15 @@
 
       hubl-menu-publicprivate {
         display: inline-block;
-        text-align: center;
+        /*text-align: center;*/
+        width: auto;
 
         div {
           font-family: simple-line-icons;
-          width: 20px;
+          /*width: 20px;
           font-size: 0.8em;
-          padding-top: 0.1em;
+          padding-top: 0.1em;*/
+          padding-right: 2px;
         }
       }
 
@@ -260,7 +283,7 @@
             color: var(--color-white);
             cursor: pointer;
 
-            >hubl-menu-fix-url-circle>solid-link>solid-display>div,
+            /*>hubl-menu-fix-url-circle>solid-link>solid-display>div,*/
             >hubl-menu-fix-url-project>solid-link>solid-display>div {
               padding: 1rem 1rem 1rem 3rem;
             }
@@ -297,7 +320,7 @@
         hubl-counter {
           /*height: 20px;
           width: 20px;*/
-          margin-right: 1em;
+          /*margin-right: 1em;*/
 
           div.counter:not([data-nb-unread="0"]) {
             text-align: center;