feature: user administration

src/styles/base/form.scss

@@ -1,5 +1,7 @@
 #admin-circle-create,
-#admin-project-create {
+#admin-project-create,
+#admin-users-create,
+#admin-users-edit {
 
   input[type='submit'] {
     @extend .button,
@@ -42,12 +44,17 @@
       margin-bottom: 2.75rem;
     }
 
+    [name$='border-top'] {
+      border-top: 1px solid $color-221-51-90;
+      margin-top: 3rem;
+    }
+
     form {
       display: flex;
       flex-direction: column;
     }
 
-    sib-set-default {
+    sib-set-default:not([name='user-thumb']) {
 			clear: both;
 	    display: flex!important;
 			flex-wrap: wrap;
@@ -314,6 +321,14 @@
 
     sib-multiple-select {
 
+      &.select-groups .ss-values .ss-disabled::before {
+        content: "Select groups";
+      }
+
+      &.select-skills .ss-values .ss-disabled::before {
+        content: "Select skills";
+      }
+
       sib-form-auto-completion > label {
         display: flex;
         flex-direction: column;
@@ -363,7 +378,6 @@
 
                 &::before {
                   color: $color-213-4-50;
-                  content: "Select skills";
                   font-weight: normal;
                 }
               }

src/styles/base/main.scss

@@ -82,7 +82,8 @@ nav {
 
 /* Quick fix. Will be removed later */
 #admin-circles,
-#admin-projects {
+#admin-projects,
+#admin-users {
   display: contents;
 }
 
@@ -384,7 +385,8 @@ a,
 
     &.rounded {
       border-radius: 50%;
-      padding: 0.5rem 1rem;
+      font-size: 1.8rem;
+      padding: 1rem;
     }
 
     &.button-link {

src/styles/base/table.scss

@@ -4,7 +4,8 @@
 #admin-circle-create,
 #project-edit,
 #admin-project-list,
-#admin-project-create {
+#admin-project-create,
+#admin-users-list {
 
   .table {
 
@@ -68,13 +69,39 @@
       }
     }
 
+    .cell-with-buttons {
+      align-items: center;
+      display: flex;
+      justify-content: center;
+
+      [name='button'] {
+
+        input[type='submit'] {
+          @extend .button,
+          .text-bold,
+          .text-uppercase,
+          .reversed,
+          .button-blue,
+          .bordered,
+          .btn-margin-left;
+        }
+      }
+    }
+
+    .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;
     }
 
-    .user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */ {
+    .user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */,
+    [name='user-thumb'] {
       @extend %user-thumb__grid;
       padding: 0 2.2rem;
 
@@ -107,22 +134,15 @@
       }
     }
 
-    .cell-with-buttons {
+    .cell-with-groups {
       align-items: center;
       display: flex;
       justify-content: center;
 
-      [name='button'] {
-
-        input[type='submit'] {
-          @extend .button,
-          .text-bold,
-          .text-uppercase,
-          .reversed,
-          .button-blue,
-          .bordered,
-          .btn-margin-left;
-        }
+      >div {
+        display: flex;
+        justify-content: space-evenly;
+        width: 100%;
       }
     }