user bio: style improved

src/page-members.pug

@@ -1,18 +1,15 @@
 div.grid-layer
-  template#read-more-link
-    sib-link(next="member") ${value}
   template#chat-link
     sib-link(next="member-chat") ${value}
   div.grid-layer-main.containerV
     h1 Members
     sib-display#profiles-list(
       data-src=`${sdn}/members/`,
-      data-fields='header, infos, groups, more',
+      data-fields='header, infos, groups',
       set-header='picture, user, pseudonym, bio, send',
       set-infos='cell, user.roles, user.email, phone, user.skills',
       set-pseudonym='before-pseudo,pseudo',
       value-before-pseudo='@',
-      value-more='read more...',
       value-send='SEND A MESSAGE',
       template-send='chat-link',
       widget-skills='sib-display-lookuplist',

src/styles/members.scss

@@ -1,6 +1,10 @@
 #profiles-list {
   @extend .grid-layer;
 
+  ul {
+    @include list-reset();
+  }
+
   & > sib-form {
     grid-column-start: start;
     grid-column-end: middle;
@@ -49,7 +53,7 @@
       flex-flow: column wrap;
       margin-bottom: 2.5rem;
       @media(min-width: 56rem) {
-        height: 70rem;
+        height: 60rem;
         width: 32%;
       }
 
@@ -79,7 +83,6 @@
             border-radius: 100%;
             width: 100%;
           }
-
         }
 
         hdapp-userinfo {
@@ -87,8 +90,12 @@
         }
 
         sib-display-div[name$='bio'] {
-          flex-basis: 5em;
-          margin-top: 1.5em;
+          display: flex;
+          flex-basis: 3.5em;
+          line-height: 1.6;
+          margin: 1.5em 0;
+          padding: 0 4em;
+          text-align: center;
         }
         
         [next=member-chat] {
@@ -109,7 +116,6 @@
       }
       
       div[name='infos'] {
-        //padding: 1.5em 1.2em 3em;
 
         * {
           margin-top: 1em;
@@ -136,83 +142,7 @@
         [name$='phone'] * {
           @include icon('phone');
         }
-        
-        
-      }
-
-
-
-
-      [name$='user'] {
-        margin-bottom: 0em;
-      }
-
-
-      a[href^='mailto'] {
-        display: flex;
-        border-radius: 25px;
-        border-style: solid;
-        border-color: $color-blue-light;
-        color: $color-blue-light;
-        margin: 1em;
-        padding: 1em;
-        text-decoration:none;
-      }
-
-      sib-display-tel {
-        display: block;
-        @include icon('phone');
-      }
-
-      hdapp-hyperlink {
-        display: block;
-        @include icon('link');
-      }
-
-      sib-display-div[name$='foaf:homepage'] * {
-        @include icon('link');
-      }
-
-      sib-display-div[name$='more'] {
-        display: flex;
-        flex-direction: row-reverse;
       }
     }
   }
 }
-
-
-#profiles-list sib-display-lookuplist {
-  &[name$='skills'] {
-    display: flex;
-
-    li,
-    ul {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-
-    ul {
-      display: flex;
-      flex-wrap: wrap;
-      margin: 1em -0.25em;
-    }
-
-    li {
-      padding: 0.3em 1.2em;
-      border: 1px solid;
-      border-radius: 2em;
-      margin: 0.25em;
-      background-color: $color-yellow;
-      color: $color-white;
-      font-weight: bold;
-    }
-  }
-}
-
-#profiles-list {
-  ul {
-    @include list-reset();
-  }
-}