From 76a3f4e86c3270eb691a8c4910458a430784196d Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 1 Dec 2025 16:38:49 +0100
Subject: [PATCH] Only show group count in users view and reduce horizontal
 view size

---
 dashboard/src/views/UsersView.vue | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/views/UsersView.vue b/dashboard/src/views/UsersView.vue
index 06dfed3b6..0a3346ef9 100644
--- a/dashboard/src/views/UsersView.vue
+++ b/dashboard/src/views/UsersView.vue
@@ -219,7 +219,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="content-large">
+  <div class="content">
     <Menu ref="actionMenuElement" :model="actionMenuModel" />
     <InputDialog ref="inputDialog" />
     <UserDialog ref="userDialog" @success="refreshUsers()"/>
@@ -254,9 +254,7 @@ onMounted(async () => {
           <i v-show="user.source" class="far fa-address-book" v-tooltip="$t('users.users.externalLdapTooltip')"></i>
         </template>
         <template #groups="user">
-          <span class="group-label" v-for="groupId in user.groupIds" :key="groupId">
-            {{ groupsById[groupId] ? groupsById[groupId].name : groupId }}
-          </span>
+          <span class="group-label">{{ user.groupIds.length }}</span>
         </template>
         <template #actions="user">
           <div class="table-actions">
@@ -268,11 +266,3 @@ onMounted(async () => {
     </Section>
   </div>
 </template>
-
-<style scoped>
-
-.group-label {
-  padding: 0 5px;
-}
-
-</style>