visual improved

src/styles/members.scss

@@ -20,6 +20,7 @@
       color: $color-black2;
       font-weight: bold;
       justify-content: center;
+      margin-bottom: 2.2em;
       white-space: nowrap;
       
       &::before, &::after {
@@ -49,7 +50,7 @@
       margin-bottom: 2.5rem;
       @media(min-width: 56rem) {
         height: 70rem;
-        width: 30%;
+        width: 32%;
       }
 
       label {
@@ -72,7 +73,7 @@
           flex-basis:150px;
           height: 300px;
           margin: 1em auto;
-          width: 60%;
+          width: 50%;
 
           img {
             border-radius: 100%;
@@ -111,18 +112,17 @@
         //padding: 1.5em 1.2em 3em;
 
         * {
-          margin-top: 1.5em;
+          margin-top: 1em;
 
           &::before {
             color: $color-yellow;
             font-size: 20px;
-            padding: 0 1em;
+            padding: 0 0.6em 0 1em;
           }
         }
         
-
         [name$='cell'] * {
-          @include icon('user');
+          @include icon('chemistry');
         }
 
         [name$='roles'] * {