From 41859e64a5f116dc9da6ed098d115f242e140018 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 26 Jul 2024 08:10:58 -0700
Subject: [PATCH] chore: wraps icons

---
 assets/components/HostList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/components/HostList.vue b/assets/components/HostList.vue
index 14b36496..d5245364 100644
--- a/assets/components/HostList.vue
+++ b/assets/components/HostList.vue
@@ -20,14 +20,14 @@
               {{ host.agentVersion }}
             </span>
           </div>
-          <ul class="flex flex-row gap-2 text-sm md:gap-3">
+          <ul class="flex flex-row gap-x-2 text-sm md:gap-3">
             <li class="flex items-center gap-1"><ph:cpu /> {{ host.nCPU }} <span class="mobile-hidden">CPUs</span></li>
             <li class="flex items-center gap-1">
               <ph:memory /> {{ formatBytes(host.memTotal) }}
               <span class="mobile-hidden">total</span>
             </li>
           </ul>
-          <ul class="flex flex-row gap-2 text-sm md:gap-3">
+          <ul class="flex flex-row flex-wrap gap-x-2 text-sm md:gap-3">
             <li class="flex items-center gap-1">
               <octicon:container-24 class="inline-block" /> {{ $t("label.container", hostContainers[host.id]?.length) }}
             </li>