From dcfbf20ab03a70c3533cf10ad1716100b270a881 Mon Sep 17 00:00:00 2001
From: Joel Wedemire <jwedemire@vancouverchristian.org>
Date: Fri, 24 Jul 2026 19:42:55 -0400
Subject: [PATCH] UI: full-width pages (shell standard 2026-07-24)

Page wrappers drop their max-w cap in line with the shell's style guide: the
page uses the whole content area. Single-column create/edit forms keep a capped
column (w-full max-w-2xl) so their inputs stay readable.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 resources/js/Pages/Ticketing/Create.vue    | 2 +-
 resources/js/Pages/Ticketing/Edit.vue      | 2 +-
 resources/js/Pages/Ticketing/MyTickets.vue | 2 +-
 resources/js/Pages/Ticketing/Show.vue      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/Pages/Ticketing/Create.vue b/resources/js/Pages/Ticketing/Create.vue
index 0d15a14..9a72f11 100644
--- a/resources/js/Pages/Ticketing/Create.vue
+++ b/resources/js/Pages/Ticketing/Create.vue
@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-2xl mx-auto">
+    <div class="w-full max-w-2xl">
       <div class="mb-6">
         <Link :href="route('ticketing.index')" class="text-sm text-indigo-600 hover:underline">← Back to tickets</Link>
         <h1 class="text-2xl font-bold text-gray-900 mt-2">Submit a Ticket</h1>
diff --git a/resources/js/Pages/Ticketing/Edit.vue b/resources/js/Pages/Ticketing/Edit.vue
index 2b0d5ed..8a54f85 100644
--- a/resources/js/Pages/Ticketing/Edit.vue
+++ b/resources/js/Pages/Ticketing/Edit.vue
@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-2xl mx-auto">
+    <div class="w-full max-w-2xl">
       <div class="mb-6">
         <Link :href="route('ticketing.show', { ticket: ticket.id })" class="text-sm text-indigo-600 hover:underline">← Back to ticket</Link>
         <h1 class="text-xl font-bold text-gray-900 mt-2">
diff --git a/resources/js/Pages/Ticketing/MyTickets.vue b/resources/js/Pages/Ticketing/MyTickets.vue
index 605b673..750320f 100644
--- a/resources/js/Pages/Ticketing/MyTickets.vue
+++ b/resources/js/Pages/Ticketing/MyTickets.vue
@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-3xl mx-auto">
+    <div class="w-full">
       <div class="mb-6 flex justify-between items-center">
         <h1 class="text-2xl font-bold text-gray-900">My Tickets</h1>
         <Link :href="route('ticketing.create')" class="inline-flex items-center gap-1 bg-gray-900 text-white text-sm px-4 py-2 rounded-lg hover:bg-gray-700 transition">
diff --git a/resources/js/Pages/Ticketing/Show.vue b/resources/js/Pages/Ticketing/Show.vue
index 8d8b3bc..59973c8 100644
--- a/resources/js/Pages/Ticketing/Show.vue
+++ b/resources/js/Pages/Ticketing/Show.vue
@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-4xl mx-auto">
+    <div class="w-full">
       <!-- Header -->
       <div class="mb-6">
         <Link :href="route('ticketing.index')" class="text-sm text-indigo-600 hover:underline">← Back to tickets</Link>