From 1170e8b6191a30ca863419814d42db57477d8ab6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Fri, 25 Oct 2019 15:06:39 +0200
Subject: [PATCH] fix: CSS fix on circle-edit page

---
 src/styles/_index.scss                        |  2 +-
 .../{circle-profile => circle}/_index.scss    |  0
 .../circle-edit.scss                          | 25 +++++++++++++------
 .../circle-profile.scss                       |  0
 4 files changed, 18 insertions(+), 9 deletions(-)
 rename src/styles/layout/{circle-profile => circle}/_index.scss (100%)
 rename src/styles/layout/{circle-profile => circle}/circle-edit.scss (90%)
 rename src/styles/layout/{circle-profile => circle}/circle-profile.scss (100%)

diff --git a/src/styles/_index.scss b/src/styles/_index.scss
index 3abbbe1..2a48801 100644
--- a/src/styles/_index.scss
+++ b/src/styles/_index.scss
@@ -17,6 +17,6 @@ div#viewport {
     @import 'layout/members/index';
     @import 'layout/job-offers/index';
     @import 'layout/project-profile/index';
-    @import 'layout/circle-profile/index';
+    @import 'layout/circle/index';
     @import 'layout/user/index';
 }
diff --git a/src/styles/layout/circle-profile/_index.scss b/src/styles/layout/circle/_index.scss
similarity index 100%
rename from src/styles/layout/circle-profile/_index.scss
rename to src/styles/layout/circle/_index.scss
diff --git a/src/styles/layout/circle-profile/circle-edit.scss b/src/styles/layout/circle/circle-edit.scss
similarity index 90%
rename from src/styles/layout/circle-profile/circle-edit.scss
rename to src/styles/layout/circle/circle-edit.scss
index 1c3fe92..547e399 100644
--- a/src/styles/layout/circle-profile/circle-edit.scss
+++ b/src/styles/layout/circle/circle-edit.scss
@@ -20,8 +20,12 @@ h2 {
     width: 50%;
   }
 
-  >*:first-of-type {
-    border-right: 1px solid white;
+  >*:last-of-type {
+    border-left: 1px solid white;
+
+    @media (max-width: 1220px) {
+      display: none;
+    }
   }
 }
 
@@ -34,18 +38,23 @@ h2 {
     flex: 1;
     width: 50%;
   }
-  
-  >*:nth-child(odd) {
+
+  sib-display {
     border-left: 1px solid $color-228-25-79;
     border-right: 1px solid $color-228-25-79;
     padding: 0 2.2rem;
   }
-  
-  >*:nth-child(even) {
-    display: flex;
+
+  sib-ac-checker {
+    align-items: center;
     border-right: 1px solid $color-228-25-79;
+    display: flex;
     justify-content: flex-end;
     padding: 2.7rem 2.2rem;
+
+    @media (max-width: 1220px) {
+      display: none;
+    } 
   }
 }
 
@@ -107,11 +116,11 @@ sib-multiple[widget='team-template-edit'] {
 
       [name='name'] {
         font-weight: 600;
+        margin-right: 1rem;
       }
 
       sib-multiple {
         display: flex;
-        margin-left: 1rem;
 
         [name='groups'] {
           @extend %user-role;
diff --git a/src/styles/layout/circle-profile/circle-profile.scss b/src/styles/layout/circle/circle-profile.scss
similarity index 100%
rename from src/styles/layout/circle-profile/circle-profile.scss
rename to src/styles/layout/circle/circle-profile.scss