update: fix user admin icon

src/styles/base/table.scss

@@ -88,18 +88,18 @@
       }
     }
 
-    .cell-with-groups {
-      align-items: center;
-      display: flex;
-      justify-content: center;
-    }
-
     .cell-with-name {
       color: $color-233-18-29;
       font-weight: 600;
       padding-top: 2.5rem;
     }
 
+    sib-multiple {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
     .user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */,
     [name='user-thumb'] {
       @extend %user-thumb__grid;
@@ -134,18 +134,6 @@
       }
     }
 
-    .cell-with-groups {
-      align-items: center;
-      display: flex;
-      justify-content: center;
-
-      >div {
-        display: flex;
-        justify-content: space-evenly;
-        width: 100%;
-      }
-    }
-
     sib-ac-checker {
       align-items: center;
       display: flex;

src/styles/components/icons/custom-icons.scss

@@ -51,7 +51,7 @@ $ci-icons: (
   hat: '\e91c',
   beer1: '\e91d',
   alien: '\e91e',
-  drawing: '\e91f',
+  add-user: '\e91f',
   feedback: '\e920',
   globe: '\e921',
   bubble-add: '\e922'

src/styles/components/sidebar.scss

@@ -53,7 +53,7 @@
           padding: 2.15rem 2.55rem;
           position: relative;
           /*width: 12em;*/
-
+          
           &::before {
             float: left;
             font-size: 4rem;
@@ -68,12 +68,6 @@
 
         >sib-route {
 
-          &[active] {
-            background-color: $color-233-18-29;
-            color: $color-46-100-67;
-            display: inline-block;
-          }
-
           &[name*='circle'],
           &[name*='project'] {
 
@@ -109,8 +103,16 @@
             @include ci('file');
           }
 
-          &[name='admin-users']>li {
-            @include ci('drawing');
+          &[name='admin-users']>li::before {
+            background-color: $color-233-18-29;
+            content: '';
+            display: inline-block;
+            height: 40px;
+            mask: url('/images/add-user.svg') 1% 1% / 1px 1px no-repeat;
+            mask-size: cover;
+            -webkit-mask: url('/images/add-user.svg') 1% 1% / 1px 1px no-repeat;
+            -webkit-mask-size: cover;
+            width: 40px;
           }
 
           &[name='admin-circles']>li {
@@ -120,6 +122,18 @@
           &[name='admin-projects']>li {
             @include ci('add');
           }
+
+          &[active] {
+            background-color: $color-233-18-29;
+            color: $color-46-100-67;
+            display: inline-block;
+          }
+
+          &.active-color[active] {
+            >li::before {
+              background-color: #ffd857;
+            }
+          }
         }
       }
     }