Only show group count in users view and reduce horizontal view size

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>