From b1752cfb6ab690c2d1d283e7c5955e8b1c2c2779 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 14 Jul 2025 21:24:31 +0400
Subject: [PATCH] refac: styling

---
 src/lib/components/admin/Users/Groups.svelte           | 4 +---
 src/lib/components/admin/Users/Groups/GroupItem.svelte | 6 ++----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/admin/Users/Groups.svelte b/src/lib/components/admin/Users/Groups.svelte
index df5435d262..da026613f3 100644
--- a/src/lib/components/admin/Users/Groups.svelte
+++ b/src/lib/components/admin/Users/Groups.svelte
@@ -213,9 +213,7 @@
 				<div class=" flex items-center gap-3 justify-between text-xs uppercase px-1 font-bold">
 					<div class="w-full basis-3/5">Group</div>
 
-					<div class="w-full basis-1/5">Users</div>
-
-					<div class="w-full basis-1/5"></div>
+					<div class="w-full basis-2/5 text-right">Users</div>
 				</div>
 
 				<hr class="mt-1.5 border-gray-100 dark:border-gray-850" />
diff --git a/src/lib/components/admin/Users/Groups/GroupItem.svelte b/src/lib/components/admin/Users/Groups/GroupItem.svelte
index 5515104bb3..c84eb4b3aa 100644
--- a/src/lib/components/admin/Users/Groups/GroupItem.svelte
+++ b/src/lib/components/admin/Users/Groups/GroupItem.svelte
@@ -61,7 +61,7 @@
 		showEdit = true;
 	}}
 >
-	<div class="flex items-center gap-1.5 w-full font-medium basis-3/5">
+	<div class="flex items-center gap-1.5 w-full font-medium flex-1">
 		<div>
 			<UserCircleSolid className="size-4" />
 		</div>
@@ -70,15 +70,13 @@
 		</div>
 	</div>
 
-	<div class="flex items-center gap-1.5 w-full font-medium basis-1/5">
+	<div class="flex items-center gap-1.5 w-fit font-medium text-right justify-end">
 		{group.user_ids.length}
 
 		<div>
 			<User className="size-3.5" />
 		</div>
-	</div>
 
-	<div class="w-full flex justify-end basis-1/5">
 		<div class=" rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-850 transition">
 			<Pencil className="size-3.5" />
 		</div>