From ac96e073c8ec93dc8d215dfa58f133e6d285efe8 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Sat, 23 May 2026 23:09:52 +0200
Subject: [PATCH] ui(activities): center the tickets-remaining line on detail
 page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Was left-aligned alone on its row above the owned + buy blocks,
which read as visually orphaned. Adding `justify-center` aligns
it with how the line reads as a status pill — same alignment the
buy CTA below uses.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/activities/views/ActivityDetailPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/activities/views/ActivityDetailPage.vue b/src/modules/activities/views/ActivityDetailPage.vue
index 7020237..84a0c64 100644
--- a/src/modules/activities/views/ActivityDetailPage.vue
+++ b/src/modules/activities/views/ActivityDetailPage.vue
@@ -278,7 +278,7 @@ function goToMyTickets() {
            tickets (when count > 0) above a Purchase CTA (when
            capacity remains). -->
       <div v-if="activity.ticketInfo" class="space-y-3">
-        <div class="flex items-center gap-1.5 text-sm text-muted-foreground">
+        <div class="flex items-center justify-center gap-1.5 text-sm text-muted-foreground">
           <Ticket class="w-4 h-4 shrink-0" />
           <span v-if="activity.ticketInfo.available === undefined">
             {{ t('activities.detail.unlimitedTickets', 'Unlimited tickets') }}