From 87edfc1826ae6e3ace4ca95895d0f8af8ee69520 Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@mpba.co.uk>
Date: Wed, 26 Aug 2026 15:58:32 +0100
Subject: [PATCH] structure updates

---
 .../helpdesk/livewire/kanban-board.blade.php  | 28 ++++++-------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/resources/themes/backend/views/modules/helpdesk/livewire/kanban-board.blade.php b/resources/themes/backend/views/modules/helpdesk/livewire/kanban-board.blade.php
index 0131cc8..49f5a1b 100644
--- a/resources/themes/backend/views/modules/helpdesk/livewire/kanban-board.blade.php
+++ b/resources/themes/backend/views/modules/helpdesk/livewire/kanban-board.blade.php
@@ -3,23 +3,15 @@
     <div
         class="overflow-hidden rounded-3xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
         <div class="bg-gradient-to-br from-slate-950 via-slate-900 to-blue-950 px-6 py-7 text-white">
-            <div class="grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(460px,0.9fr)] lg:items-start">
+            <div class="grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(520px,0.95fr)] lg:items-start">
                 <div class="min-w-0 pt-1">
-                    <p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">
-                        Helpdesk workflow
-                    </p>
-
-                    <h1 class="mt-2 text-3xl font-semibold tracking-tight text-white">
-                        Kanban board
-                    </h1>
-
+                    <p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">Helpdesk workflow</p>
+                    <h1 class="mt-2 text-3xl font-semibold tracking-tight text-white">Kanban board</h1>
                     <p class="mt-2 max-w-3xl text-sm font-normal leading-6 text-blue-100/90">
                         Drag tickets between board columns. Boards and columns are configured in Helpdesk Settings.
                     </p>
-                </div>
 
-                <div class="min-w-0">
-                    <div class="flex flex-wrap gap-2 lg:justify-end">
+                    <div class="mt-5 flex flex-wrap items-center justify-start gap-2">
                         <a href="{{ route('helpdesk.index') }}" wire:navigate class="hd-btn hd-btn-blue">
                             <i class="fa-solid fa-gauge-high" aria-hidden="true"></i>
                             <span>Dashboard</span>
@@ -40,22 +32,19 @@
                             <span>List view</span>
                         </a>
                     </div>
+                </div>
 
+                <div class="min-w-0">
                     @if ($boards->isNotEmpty())
-                        <div class="mt-7 grid gap-5 xl:grid-cols-[minmax(0,1fr)_minmax(220px,290px)] xl:items-end">
+                        <div class="grid gap-x-6 gap-y-4 xl:grid-cols-[minmax(0,1fr)_280px] xl:items-end">
                             <div class="min-w-0">
-                                <p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">
-                                    Active board
-                                </p>
-
+                                <p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">Active board</p>
                                 <h2 class="mt-2 text-2xl font-semibold tracking-tight text-white">
                                     {{ $board?->name ?? 'None' }}
                                 </h2>
-
                                 <p class="mt-2 max-w-xl text-sm font-normal leading-6 text-blue-100/90">
                                     {{ $board?->description ?: 'Select the workflow board to display.' }}
                                 </p>
-
                                 @if ($board?->owner)
                                     <p class="mt-3 inline-flex items-center gap-2 text-xs font-medium text-blue-200/90">
                                         <i class="fa-solid fa-user-shield" aria-hidden="true"></i>
@@ -69,7 +58,6 @@
                                     class="mb-2 block text-xs font-semibold uppercase tracking-[0.2em] text-blue-200">
                                     Board
                                 </label>
-
                                 <div class="hd-select-wrap !max-w-none">
                                     <select
                                         id="helpdesk-kanban-board-selector"