From 28630d5a80ff9965c386b51d42947425fff59d33 Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Tue, 26 May 2020 11:28:09 +0200
Subject: [PATCH] Fix toggle button for navbar components

---
 src/components/UI/Navbars/Navbar.vue           | 8 ++++----
 src/components/UI/Navbars/NavbarWithSearch.vue | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/UI/Navbars/Navbar.vue b/src/components/UI/Navbars/Navbar.vue
index 68f1ce5..9df59f6 100644
--- a/src/components/UI/Navbars/Navbar.vue
+++ b/src/components/UI/Navbars/Navbar.vue
@@ -8,10 +8,10 @@
                             <a href="#" class="text-gray-800 text-xl font-bold hover:text-gray-700 md:text-2xl">Brand</a>
                         </div>
 
-                        <div class="md:hidden">
-                            <button @click="isOpen = !isOpen" type="button" class="text-gray-500 hover:text-gray-600 focus:text-gray-600 focus:outline-none">
-                                <svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
-                                    <path d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/>
+                        <div class="flex md:hidden">
+                            <button @click="isOpen = !isOpen" type="button" class="text-gray-500 hover:text-gray-600 focus:outline-none focus:text-gray-600">
+                                <svg viewBox="0 0 24 24" class="h-6 w-6 fill-current">
+                                    <path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"></path>
                                 </svg>
                             </button>
                         </div>
diff --git a/src/components/UI/Navbars/NavbarWithSearch.vue b/src/components/UI/Navbars/NavbarWithSearch.vue
index a345df4..8e0d4bf 100644
--- a/src/components/UI/Navbars/NavbarWithSearch.vue
+++ b/src/components/UI/Navbars/NavbarWithSearch.vue
@@ -7,10 +7,10 @@
                         <a href="#" class="text-gray-800 text-xl font-bold hover:text-gray-700 md:text-2xl">Brand</a>
                     </div>
 
-                    <div class="md:hidden">
-                        <button @click="isOpen = !isOpen" type="button" class="text-gray-500 hover:text-gray-600 focus:text-gray-600 focus:outline-none">
-                            <svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
-                                <path d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/>
+                    <div class="flex md:hidden">
+                        <button @click="isOpen = !isOpen" type="button" class="text-gray-500 hover:text-gray-600 focus:outline-none focus:text-gray-600">
+                            <svg viewBox="0 0 24 24" class="h-6 w-6 fill-current">
+                                <path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"></path>
                             </svg>
                         </button>
                     </div>