From 6d4b863e3bd4d58b296371f66d9ac24288b1e2c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Mon, 21 Oct 2019 13:12:04 +0200
Subject: [PATCH] delete button ok

---
 src/page-circle-edit.pug                      |  2 ++
 src/styles/base/main.scss                     | 20 +++++++++++++++++++
 .../layout/circle-profile/circle-edit.scss    |  7 ++++++-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/page-circle-edit.pug b/src/page-circle-edit.pug
index 40c538d..f2d8470 100644
--- a/src/page-circle-edit.pug
+++ b/src/page-circle-edit.pug
@@ -13,6 +13,8 @@
 
       sib-delete(
         data-src="${await value['@id']}"
+        data-label='Delete from circle'
+        resourceDeleted=''
       )
 
   h1 Edit your circle
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 8fa3b61..722a63b 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -105,6 +105,26 @@ a {
   }
 }
 
+sib-delete {
+  
+  button {
+    @include icon('close');
+    background-color: $color-233-18-29;
+    border: none;
+    border-radius: 100em;
+    color: $color-0-0-100;
+    cursor: pointer;
+    font-size: 1.4rem;
+    font-weight: bold;
+    padding: 0.55rem 2.5rem;
+    text-transform: uppercase;
+
+    &::before {
+      margin-right: 1rem;
+    }
+  }
+}
+
 %padding-main {
   padding: 5rem;
 }
diff --git a/src/styles/layout/circle-profile/circle-edit.scss b/src/styles/layout/circle-profile/circle-edit.scss
index e014c4e..42f6548 100644
--- a/src/styles/layout/circle-profile/circle-edit.scss
+++ b/src/styles/layout/circle-profile/circle-edit.scss
@@ -3,8 +3,9 @@
   color: white;
   display: flex;
   justify-content: space-around;
-  font-weight: 600;
   font-size: 1.6rem;
+  font-weight: 600;
+  text-align: center;
 
   >*{
     flex: 1;
@@ -30,6 +31,10 @@ circle-team-template {
     border-bottom: 1px solid $color-228-25-79;
   }
 
+  >*:nth-child(even) {
+    display: flex;
+  }
+
   >*:nth-child(odd) {
     border-left: 1px solid $color-228-25-79;
   }