From 75919bf8bec005f2a394fcd5504cb477543b2023 Mon Sep 17 00:00:00 2001
From: cheskoxd <franchesko77lacayo@gmail.com>
Date: Wed, 20 Aug 2025 19:42:03 -0500
Subject: [PATCH] fix(InstanceCard): update instance name to take full width
 and truncate if needed

---
 .../src/routes/(app)/dashboard/InstanceCard.svelte          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/dashboard/src/routes/(app)/dashboard/InstanceCard.svelte b/packages/dashboard/src/routes/(app)/dashboard/InstanceCard.svelte
index 9694f6cc..b96d4dbc 100644
--- a/packages/dashboard/src/routes/(app)/dashboard/InstanceCard.svelte
+++ b/packages/dashboard/src/routes/(app)/dashboard/InstanceCard.svelte
@@ -27,8 +27,8 @@
     on:click={openInstance}
   >
     <div class="card-body w-full flex flex-row items-center justify-between gap-6">
-      <div class="flex flex-col items-start gap-2">
-        <span class="text-xl font-semibold truncate max-w-[200px]">
+      <div class="flex flex-col items-start gap-2 flex-1 min-w-0 relative">
+        <span class="text-xl text-start font-semibold truncate w-full">
           {instance.cname  ? instance.cname : instance.subdomain} 
         </span>
 
@@ -50,7 +50,7 @@
         </div>
       </div>
 
-      <div class="flex flex-col items-center gap-3">
+      <div class="flex flex-col items-center gap-3 flex-shrink-0">
         <input
           type="checkbox"
           class={`toggle ${instance.power ? 'toggle-success' : 'bg-red-500 hover:bg-red-500'}`}