From 9cc390358870d580f40543b618f94e22f5fb5417 Mon Sep 17 00:00:00 2001
From: Norman Niati <norman.niati@icloud.com>
Date: Wed, 20 May 2026 12:09:59 +0200
Subject: [PATCH] fix(plugin-id/ui): harmonize actions column width and
 alignment across ListViews

The actions column on the three Identity ListViews (User / Group /
Company) showed two inconsistencies:
- GroupListView was 120px, the other two were 100px
- align="end" + a tight width pushed the two icon buttons (edit +
  delete) against the right edge, where they wrapped onto two lines
  on narrower viewports

Aligning all three on width="120px" + align="center" so:
- the two icon buttons sit horizontally on a single line at any
  reasonable viewport width
- the column header and the buttons are centered in the cell

Branch name is historical (originated as a single-file fix on
GroupListView); the scope was extended after Norman's review to
cover the three lists together for visual consistency.
---
 ui/src/views/CompanyListView.vue | 2 +-
 ui/src/views/GroupListView.vue   | 2 +-
 ui/src/views/UserListView.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/CompanyListView.vue b/ui/src/views/CompanyListView.vue
index 00b13f0..419b155 100644
--- a/ui/src/views/CompanyListView.vue
+++ b/ui/src/views/CompanyListView.vue
@@ -107,7 +107,7 @@ const headers = computed(() => [
   { title: t('group.scope'), key: 'scope', sortable: false },
   { title: t('group.members'), key: 'count', sortable: false, width: '100px' },
   { title: t('group.locked'), key: 'locked', sortable: false, width: '80px' },
-  { title: '', key: 'actions', sortable: false, width: '100px', align: 'end' },
+  { title: '', key: 'actions', sortable: false, width: '120px', align: 'center' },
 ])
 
 function loadData(options) {
diff --git a/ui/src/views/GroupListView.vue b/ui/src/views/GroupListView.vue
index cb2beb7..01a692b 100644
--- a/ui/src/views/GroupListView.vue
+++ b/ui/src/views/GroupListView.vue
@@ -109,7 +109,7 @@ const headers = computed(() => [
   { title: t('group.scope'), key: 'scope', sortable: false },
   { title: t('group.members'), key: 'count', sortable: false, width: '100px' },
   { title: t('group.locked'), key: 'locked', sortable: false, width: '80px' },
-  { title: '', key: 'actions', sortable: false, width: '120px', align: 'end' },
+  { title: '', key: 'actions', sortable: false, width: '120px', align: 'center' },
 ])
 
 function loadData(options) {
diff --git a/ui/src/views/UserListView.vue b/ui/src/views/UserListView.vue
index 6bb84b0..e093153 100644
--- a/ui/src/views/UserListView.vue
+++ b/ui/src/views/UserListView.vue
@@ -128,7 +128,7 @@ const headers = computed(() => [
   { title: t('user.email'), key: 'mails', sortable: false },
   { title: t('user.groups'), key: 'groups', sortable: false },
   { title: t('common.status'), key: 'locked', sortable: false, width: '80px' },
-  { title: '', key: 'actions', sortable: false, width: '100px', align: 'end' },
+  { title: '', key: 'actions', sortable: false, width: '120px', align: 'center' },
 ])
 
 function loadData(options) {