refac: styling

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" />

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>