From 738eff4760985e3afc3fccb1ab45367ddb252b19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 27 Jun 2019 13:45:35 +0200
Subject: [PATCH] update: CSS refactoring

---
 src/styles/layout/job-offers/job-offers.scss  |  2 +-
 src/styles/layout/members/member-profile.scss | 20 +++++--------------
 src/styles/layout/members/members.scss        |  3 +--
 src/styles/layout/user/user-profile.scss      |  5 ++---
 4 files changed, 9 insertions(+), 21 deletions(-)

diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index 17ea808..8ac0681 100644
--- a/src/styles/layout/job-offers/job-offers.scss
+++ b/src/styles/layout/job-offers/job-offers.scss
@@ -176,7 +176,7 @@ sib-action[name='edit'] {
   color: $color-215-6-63;
 
   &>sib-link {
-    @include icon('options-vertical');
+    @include icon('pencil');
     font-size: 2rem;
   }
 }
diff --git a/src/styles/layout/members/member-profile.scss b/src/styles/layout/members/member-profile.scss
index 211f118..1911aa9 100644
--- a/src/styles/layout/members/member-profile.scss
+++ b/src/styles/layout/members/member-profile.scss
@@ -13,6 +13,7 @@
 
       div[name='member-profile__bio'] {
         display: grid;
+        grid-gap: 1rem;
         grid-template-areas: "avatar name status"
           "avatar pseudo status"
           "avatar bio status"
@@ -26,8 +27,11 @@
 
           img {
             border-radius: 50%;
+            height: 250px;
             object-fit: cover;
-            max-width: 90% !important;
+            object-position: center;
+            overflow: hidden;
+            width: 250px;
           }
         }
 
@@ -37,26 +41,12 @@
           display: flex;
           grid-area: name;
 
-          >sib-display-value[name='name'] {
-            color: $color-216-4-22;
-            font-weight: bold;
-            @extend h1;
-          }
-
           >sib-multiple[name$='groups'] {
             display: flex;
             padding-left: 1.4rem;
           }
         }
 
-        sib-display-value[name='username'] {
-          grid-area: pseudo;
-
-          &::before {
-            content: '@';
-          }
-        }
-
         sib-display-value[name='profile.bio'] {
           grid-area: bio;
         }
diff --git a/src/styles/layout/members/members.scss b/src/styles/layout/members/members.scss
index ff41139..4af55b7 100644
--- a/src/styles/layout/members/members.scss
+++ b/src/styles/layout/members/members.scss
@@ -178,8 +178,7 @@ member-info-groups {
           }
 
           [name='name'] {
-            font-weight: bold;
-            @extend h1;
+            margin: 0.67em 0;
           }
 
           sib-display-value[name$='bio'] {
diff --git a/src/styles/layout/user/user-profile.scss b/src/styles/layout/user/user-profile.scss
index ec48e1b..60a05c2 100644
--- a/src/styles/layout/user/user-profile.scss
+++ b/src/styles/layout/user/user-profile.scss
@@ -13,13 +13,12 @@
       position: relative;
 
       img {
-        width: 300px;
+        border-radius: 50%;
         height: 300px;
         object-fit: cover;
-        border-radius: 50%;
         overflow: hidden;
         object-position: center;
-        
+        width: 300px;
       }
     }