Merge branch 'jbpasquier/circle-information' into circle-wip-merge

src/page-circle-profile.pug

@@ -16,10 +16,8 @@
           class-description='description'
         )
 
-    div.content-box__info
-
-      sib-ac-checker(permission='acl:Read', bind-resources)
-        sib-ac-checker(permission='acl:Write', bind-resources)
+    sib-ac-checker.content-box__info(permission='acl:Read', bind-resources)
+      sib-ac-checker.circle-edit-button(permission='acl:Write', bind-resources)
         sib-link(class="right-btn", next="circle-edit", bind-resources) Edit and add Members
 
       sib-display.block(

src/styles/base/form.scss

@@ -169,6 +169,7 @@
         align-self: flex-end;
         margin-bottom: 0.6rem;
         margin-left: 4.2rem;
+        margin-top: 0;
       }
     }
 

src/styles/base/main.scss

@@ -151,7 +151,7 @@ sib-delete {
 }
 
 .content-box__header {
-  padding: 2.3rem 3rem;
+  padding: 1.9rem 3rem;
 
   div {
     color: $color-233-18-29;

src/styles/components/sidebar.scss

@@ -45,7 +45,7 @@
           border-bottom: 1px solid $color-229-25-79;
           display: flex;
           margin: 0;
-          padding: 2.55rem 2.55rem;
+          padding: 2.15rem 2.55rem;
           position: relative;
           width: 12em;
 

src/styles/layout/circle/circle-edit.scss

@@ -1,4 +1,5 @@
 #circle-edit {
+
   .table-header {
     background: $color-228-25-79;
     color: white;

src/styles/layout/circle/circle-profile.scss

@@ -8,11 +8,22 @@
 
   .content-box__info {
     @extend %padding-block;
+    display: flex;
+    flex-direction: column;
 
     .backlink {
       text-align: right;
       display: block;
     }
+
+    .circle-edit-button {
+      align-self: flex-end;
+      position: absolute;
+
+      >sib-link {
+        background: $color-244-73-62;
+      }
+    }
   }
 
   .block {