From 400bd3213254656287b81d6d537bf8da133ce928 Mon Sep 17 00:00:00 2001
From: Norman Niati <norman.niati@icloud.com>
Date: Mon, 1 Jun 2026 10:59:01 +0200
Subject: [PATCH] feat(ui): move New Scope button into the container-scope tab
 selector

The New Scope button used to live in its own row above the tabs. Moves it
inside the tab strip, right-aligned via a v-spacer, so the action sits on
the same line as the Groups and Companies tabs.
---
 ui/src/views/ContainerScopeView.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/ui/src/views/ContainerScopeView.vue b/ui/src/views/ContainerScopeView.vue
index 30b1c5a..b487e86 100644
--- a/ui/src/views/ContainerScopeView.vue
+++ b/ui/src/views/ContainerScopeView.vue
@@ -1,13 +1,10 @@
 <template>
   <div>
-    <div class="d-flex flex-wrap align-center mb-4 ga-2">
-      <v-spacer />
-      <v-btn color="primary" prepend-icon="mdi-plus" @click="openNew">{{ t('containerScope.new') }}</v-btn>
-    </div>
-
     <v-tabs v-model="activeTab" class="mb-4">
       <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-spacer />
+      <v-btn color="primary" prepend-icon="mdi-plus" @click="openNew" class="mr-2 align-self-center">{{ t('containerScope.new') }}</v-btn>
     </v-tabs>
 
     <v-alert v-if="error" type="warning" variant="tonal" class="mb-4">