From da1b77ba5da80213f7a24ea064e407caa4ec61b3 Mon Sep 17 00:00:00 2001
From: Ronni Baslund <rhb@vdoc.dk>
Date: Sat, 30 May 2026 15:03:17 +0200
Subject: [PATCH] fix(operator): align Pricing catalog header padding with
 other pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

pricing.vue nested <PageHeader> inside .stage, so the header inherited .stage's 40px horizontal + 24px top padding on top of its own — over-indenting the title and pushing it down vs every other operator page. Move PageHeader to the top level with .stage wrapping only the content below, matching index/tenants/audit/infrastructure/billing/reports.
---
 apps/operator/pages/pricing.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/operator/pages/pricing.vue b/apps/operator/pages/pricing.vue
index 41ae4b8..1c3cebf 100644
--- a/apps/operator/pages/pricing.vue
+++ b/apps/operator/pages/pricing.vue
@@ -169,7 +169,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
 </script>
 
 <template>
-  <div class="stage">
+  <div>
     <PageHeader
       eyebrow="Operator · operator.dezky.local"
       title="Pricing catalog"
@@ -183,7 +183,8 @@ const sortedPrices = computed<PriceRow[]>(() =>
       </template>
     </PageHeader>
 
-    <Card :pad="0">
+    <div class="stage">
+      <Card :pad="0">
       <table>
         <thead>
           <tr>
@@ -290,6 +291,7 @@ const sortedPrices = computed<PriceRow[]>(() =>
         </UiButton>
       </div>
     </Card>
+    </div>
   </div>
 </template>