From c9c47990833a4acc426174df06abac14622b18fa Mon Sep 17 00:00:00 2001
From: Gemma <johndoe@example.com>
Date: Wed, 8 Nov 2023 15:16:07 +0100
Subject: [PATCH] button go back

---
 permissions/permissions-ui/media/mystyle.css  | 70 +++++++++++++++++++
 .../permissions-ui/templates/public.html      |  9 +++
 2 files changed, 79 insertions(+)

diff --git a/permissions/permissions-ui/media/mystyle.css b/permissions/permissions-ui/media/mystyle.css
index 08607ce9..17ee0229 100644
--- a/permissions/permissions-ui/media/mystyle.css
+++ b/permissions/permissions-ui/media/mystyle.css
@@ -484,3 +484,73 @@ table {
   /* padding-left: 7px; */
   padding: 4px;
 }
+
+
+
+.Btn {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 45px;
+  height: 45px;
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition-duration: .3s;
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
+  background-color: rgb(167, 19, 19);
+  margin-left: 60px;
+}
+
+/* plus sign */
+.sign {
+  width: 100%;
+  transition-duration: .3s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sign svg {
+  width: 17px;
+}
+
+.sign svg path {
+  fill: white;
+}
+/* text */
+.text {
+  position: absolute;
+  right: 0%;
+  width: 0%;
+  opacity: 0;
+  color: white;
+  font-size: 1.2em;
+  font-weight: 600;
+  transition-duration: .3s;
+}
+/* hover effect on button width */
+.Btn:hover {
+  width: 125px;
+  border-radius: 40px;
+  transition-duration: .3s;
+}
+
+.Btn:hover .sign {
+  width: 30%;
+  transition-duration: .3s;
+  padding-left: 20px;
+}
+/* hover effect button's text */
+.Btn:hover .text {
+  opacity: 1;
+  width: 70%;
+  transition-duration: .3s;
+  padding-right: 10px;
+}
+/* button click effect*/
+.Btn:active {
+  transform: translate(2px ,2px);
+}
\ No newline at end of file
diff --git a/permissions/permissions-ui/templates/public.html b/permissions/permissions-ui/templates/public.html
index 3f69e3b6..8c466c58 100644
--- a/permissions/permissions-ui/templates/public.html
+++ b/permissions/permissions-ui/templates/public.html
@@ -38,7 +38,16 @@ <h1 class="bi bi-kanban display-6 mx-auto p-2 fw-bold ms-5" style="color: #76050
     </div>
 
   </nav>
+  <button class="Btn">
 
+    <div class="sign"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+        class="bi bi-arrow-left-circle-fill" viewBox="0 0 16 16">
+        <path
+          d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z" />
+      </svg></div>
+
+    <div class="text">Back</div>
+  </button>
   <div class="container pt-3 " style="font-size: 14px; ">
     <div class="col">
       <div class="containerfirst">