Merge branch 'gm-css-fixup' into 'staging'

fix: CSS fix on circle-edit page

See merge request startinblox/applications/sib-app!73

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';
 }

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;
+    }
   }
 }
 
@@ -35,17 +39,22 @@ h2 {
     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;