From 23fbf361ce91f72e77518b4ed272d2abd02be291 Mon Sep 17 00:00:00 2001
From: ab623 <amishb@gmail.com>
Date: Fri, 1 Dec 2023 18:13:18 +0000
Subject: [PATCH] fix: Icon placement when hovering over containers with health
 checks. (#2556)

---
 assets/components/SideMenu.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/components/SideMenu.vue b/assets/components/SideMenu.vue
index cda9c7e1..c348e363 100644
--- a/assets/components/SideMenu.vue
+++ b/assets/components/SideMenu.vue
@@ -36,6 +36,7 @@
               <div class="truncate">
                 {{ item.name }}<span class="font-light opacity-70" v-if="item.isSwarm">{{ item.swarmId }}</span>
               </div>
+              <container-health :health="item.health"></container-health>
               <span
                 class="pin"
                 @click.stop.prevent="store.appendActiveContainer(item)"
@@ -44,8 +45,6 @@
               >
                 <cil:columns />
               </span>
-
-              <container-health :health="item.health"></container-health>
             </router-link>
             <template #content>
               <container-popup :container="item"></container-popup>
@@ -145,7 +144,7 @@ const activeContainersById = computed(() =>
   @apply text-[0.95rem];
 }
 .containers a {
-  @apply auto-cols-[auto_max-content];
+  @apply auto-cols-[auto_max-content_max-content];
   .pin {
     display: none;