From f753b21518febcffe80f695553fd71e6207a7510 Mon Sep 17 00:00:00 2001
From: Norman Niati <norman.niati@icloud.com>
Date: Fri, 29 May 2026 11:45:33 +0200
Subject: [PATCH] fix(ui): widen container-scope actions column and add tab
 icons

The actions column in ContainerScopeView was 100px wide, which forced the
edit and delete icons onto two lines. Bumps it to 120px to match the other
ListViews and keep the two icons on a single row.

Also adds prepend-icon to the Groups and Entities tabs (mdi-account-group
and mdi-domain) for consistency with the type icons used elsewhere in the
identity module.
---
 ui/src/views/ContainerScopeView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/ContainerScopeView.vue b/ui/src/views/ContainerScopeView.vue
index cc9391f..9abc836 100644
--- a/ui/src/views/ContainerScopeView.vue
+++ b/ui/src/views/ContainerScopeView.vue
@@ -6,8 +6,8 @@
     </div>
 
     <v-tabs v-model="activeTab" class="mb-4">
-      <v-tab value="group">{{ t('nav.groups') }}</v-tab>
-      <v-tab value="company">{{ t('nav.companies') }}</v-tab>
+      <v-tab value="group" prepend-icon="mdi-account-group">{{ t('nav.groups') }}</v-tab>
+      <v-tab value="company" prepend-icon="mdi-domain">{{ t('nav.companies') }}</v-tab>
     </v-tabs>
 
     <v-alert v-if="error" type="warning" variant="tonal" class="mb-4">
@@ -96,7 +96,7 @@ const demoMode = ref(false)
 const headers = computed(() => [
   { title: t('common.name'), key: 'name', sortable: true },
   { 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: 'end' },
 ])
 
 const formRef = ref(null)