From 74cec309742dc7ff303cf6ae3b4f2fe9a88a63f8 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Tue, 9 Jun 2020 16:51:15 +0200
Subject: [PATCH] update: circle-admin - leave and join button clickable

---
 src/styles/base/table.scss             | 41 ++++++++++++++++++++++++++
 src/views/admin/page-admin-circles.pug |  4 +--
 2 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss
index b472491..cc69531 100644
--- a/src/styles/base/table.scss
+++ b/src/styles/base/table.scss
@@ -160,4 +160,45 @@
       justify-content: center;
     }
   }
+
+  .circle-join {
+    position: relative;
+    width: 40%;
+    min-width: 40%;
+
+    input {
+      height: 29px;
+      left: -1px;
+      position: absolute;
+      top: -1px;
+      width: 105%;
+      padding-left: 16px;
+    }
+
+    &.button.with-icon::before {
+      margin-left: 12px;
+    }
+  }
+
+  .circle-leave {
+    position: relative;
+    width: 30%;
+    min-width: 30%;
+  }
+
+  .circle-leave>button {
+    position: absolute;
+    width: 106%;
+    left: 1px;
+    /* background: antiquewhite; */
+    height: 29px;
+    top: -1px;
+    padding-left: 13px;
+  }
+
+  .circle-leave.button.with-icon::before {
+    font-size: 1.6rem;
+    margin-right: 2rem;
+    margin-left: -50px;
+  }
 }
diff --git a/src/views/admin/page-admin-circles.pug b/src/views/admin/page-admin-circles.pug
index 186abc8..255da18 100644
--- a/src/views/admin/page-admin-circles.pug
+++ b/src/views/admin/page-admin-circles.pug
@@ -48,7 +48,7 @@
         sib-widget(name='hubl-admin-circle-leave-button')
           template
             sib-delete(
-              class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
+              class='circle-leave button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
               data-src="${src}"
               data-label='Quitter'
             )
@@ -73,7 +73,7 @@
 
         sib-widget(name='hubl-admin-circle-join-button')
           template
-            sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
+            sib-form.circle-join.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
               data-src='${value}'
 
               fields='user.username'