From 7fcf1fd944635869abdab9c9bcd38fb812b9e265 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Mon, 28 Mar 2022 22:10:51 +0200
Subject: [PATCH] Add btn style

---
 css/index.css                  | 21 +++++++++++++++++++--
 templates/partials/header.html |  2 +-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/css/index.css b/css/index.css
index 391de58..e9efe4d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -81,8 +81,18 @@ img[src*="#large"] {
   li li {
     @apply text-sm lg:text-sm font-light;
   }
-  button a {
-    @apply inline-block lg:text-lg hover:bg-gray-400 px-12 py-1 mr-5 my-10 border-2 shadow border-black capitalize;
+  button {
+    @apply 
+    inline-block
+    lg:text-lg
+    px-12
+    py-1
+    mr-5
+    my-10
+    border-2
+    shadow
+    border-black
+    capitalize
   }
 }
 
@@ -106,3 +116,10 @@ a {
 header {
   font-family: "Work Sans";
 }
+
+.nav_btn {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: none !important;
+  box-shadow: none !important;
+}
\ No newline at end of file
diff --git a/templates/partials/header.html b/templates/partials/header.html
index c1ed846..a56b661 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -126,7 +126,7 @@
     {% else %}
         <div class="relative">
             {% set button_id = header_label ~ "-menu-btn" | slugify %}
-        <button type="button" id="{{button_id}}" class="font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
+        <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
             <span>{{ header_label }}</span>
             <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
         </button>