From bd149db182f0cef1159e18ad5139ff09343ce9c5 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Wed, 7 Apr 2021 10:46:26 +0200
Subject: [PATCH] fix nav link space

---
 src/components/custom/Navbar/Navbar.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/custom/Navbar/Navbar.vue b/src/components/custom/Navbar/Navbar.vue
index 9b39ec98e..e89d4c475 100644
--- a/src/components/custom/Navbar/Navbar.vue
+++ b/src/components/custom/Navbar/Navbar.vue
@@ -115,7 +115,7 @@
           >
             <button
               @click="setActive(index)"
-              class="flex flex-row items-center w-full md:w-auto md:inline md:mt-0 md:ml-4 animated-link"
+              class="flex flex-row items-center w-full mr-4 md:w-auto md:inline md:mt-0 md:ml-4 animated-link"
             >
               <span class="uppercase py-1 pl-2">{{ element.name }}</span>
               <svg
@@ -145,7 +145,7 @@
               x-transition:leave-end="transform opacity-0 scale-95"
               class="absolute w-auto mt-2 origin-top-right rounded-md shadow-lg md:w-48 z-30"
             >
-              <div
+               <div
                 v-if="open"
                 class="px-2 py-2 bg-white rounded-md shadow dark:bg-gray-700"
               >
@@ -173,15 +173,15 @@
           <a
             v-else-if="element.external"
             :href="element.link"
-            @click.native="clicked"
+            @click="clicked"
             target="_blank"
             class="inline-flex sm:flex uppercase p-2 mr-4 animated-link"
             >{{ element.name }}</a
           >
-         <a
+          <a
             v-else
             :href="element.link"
-            @click.native="clicked"
+            @click="clicked"
             class="inline-flex sm:flex uppercase p-2 mr-4 animated-link"
             >{{ element.name }}</a
           >