From fc62f7b03136aa5b8ae7be991c50589e2be02d37 Mon Sep 17 00:00:00 2001
From: Filipe Soccol <filipe.soccol@gmail.com>
Date: Thu, 7 Nov 2024 13:29:07 -0300
Subject: [PATCH] Small teaks on top bar visuals

---
 src/components/TopBar/TopBar.vue | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 599e021..cdc1c4f 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -279,6 +279,7 @@ onClickOutside(infoMenuRef, () => {
             >
               <div
                 v-for="(chainData, network) in Networks"
+                :key="network"
                 class="menu-button p-4 gap-2 cursor-pointer hover:bg-gray-200 flex items-center !justify-start whitespace-nowrap transition-colors duration-150 ease-in-out"
                 @click="networkChange(network)"
               >
@@ -359,19 +360,23 @@ onClickOutside(infoMenuRef, () => {
                 <div
                   class="bg-white rounded-md z-10 border border-gray-300 drop-shadow-md shadow-md overflow-clip"
                 >
-                  <div class="menu-button" @click="closeMenu()">
-                    <RouterLink to="/manage_bids" class="redirect_button">
-                      Gerenciar Ofertas
-                    </RouterLink>
-                  </div>
+                  <RouterLink
+                    to="/manage_bids"
+                    class="redirect_button menu-button"
+                    @click="closeMenu()"
+                  >
+                    Gerenciar Ofertas
+                  </RouterLink>
                   <div class="w-full flex justify-center">
                     <hr class="w-4/5" />
                   </div>
-                  <div class="menu-button" @click="disconnectUser">
-                    <RouterLink to="/" class="redirect_button">
-                      Desconectar
-                    </RouterLink>
-                  </div>
+                  <RouterLink
+                    to="/"
+                    class="redirect_button menu-button"
+                    @click="disconnectUser"
+                  >
+                    Desconectar
+                  </RouterLink>
                 </div>
               </div>
             </div>
@@ -447,7 +452,7 @@ onClickOutside(infoMenuRef, () => {
           <div
             v-for="(chainData, network) in Networks"
             :key="network"
-            class="menu-button gap-2 sm:px-4 rounded-md cursor-pointer py-2"
+            class="menu-button gap-2 sm:px-4 rounded-md cursor-pointer py-2 px-4"
             @click="networkChange(network)"
           >
             <img