From 6b54b835a4bde1e7157befec6129dd8fbf4d43f8 Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@mpba.co.uk>
Date: Tue, 30 Jun 2026 09:43:54 +0100
Subject: [PATCH] single line for tickets

---
 .../views/livewire/dashboard-widget.blade.php | 35 +++++++++++--------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/Modules/Helpdesk/Resources/views/livewire/dashboard-widget.blade.php b/Modules/Helpdesk/Resources/views/livewire/dashboard-widget.blade.php
index eafdab1c..ad4dcfaf 100644
--- a/Modules/Helpdesk/Resources/views/livewire/dashboard-widget.blade.php
+++ b/Modules/Helpdesk/Resources/views/livewire/dashboard-widget.blade.php
@@ -59,6 +59,7 @@
             <div class="mt-4 text-xs font-semibold text-slate-400">Open urgent/high/critical workload.</div>
         </div>
     </div>
+
     <div class="grid gap-5 xl:grid-cols-[minmax(0,2fr)_minmax(22rem,1fr)]">
         <div class="rounded-2xl border border-zinc-700 bg-gradient-to-br from-slate-950 via-slate-950 to-blue-950/20 shadow-sm ring-1 ring-white/5">
             <div class="flex items-center justify-between border-b border-white/10 px-5 py-4">
@@ -73,34 +74,36 @@
                 </div>
                 <a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="hd-btn hd-btn-sm hd-btn-blue">View all tickets</a>
             </div>
+            {{-- Recent Tickets --}}
             <div class="divide-y divide-white/10">
                 @forelse ($recentTickets as $ticket)
-                    <a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate class="grid gap-3 px-5 py-4 transition hover:bg-blue-500/10 sm:grid-cols-[8rem_minmax(0,1fr)_8rem_9rem_7rem] sm:items-center">
-                        <div class="flex items-center gap-3 text-sm font-semibold text-slate-300">
-                            <span class="h-2 w-2 rounded-full bg-blue-400"></span>
-                            <span>{{ $ticket->reference }}</span>
+                    <a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate
+                       class="flex flex-nowrap items-center gap-4 px-5 py-4 transition hover:bg-blue-500/10">
+                        <div class="flex w-36 shrink-0 items-center gap-3 text-sm font-semibold text-slate-300">
+                            <span class="h-2 w-2 shrink-0 rounded-full bg-blue-400"></span>
+                            <span class="whitespace-nowrap">{{ $ticket->reference }}</span>
                         </div>
 
-                        <div class="min-w-0">
+                        <div class="min-w-0 flex-1">
                             <div class="truncate font-black text-white">{{ $ticket->subject }}</div>
-                            <div class="mt-1 text-xs text-slate-400">
+                            <div class="mt-1 truncate text-xs text-slate-400">
                                 {{ optional($ticket->last_activity_at)->format('d M Y H:i') ?? 'No activity yet' }}
                             </div>
                         </div>
 
-                        <div>
+                        <div class="w-28 shrink-0">
                             <x-helpdesk::colour-badge :color="$ticket->status?->color ?? 'zinc'">
                                 {{ $ticket->status?->name ?? 'No status' }}
                             </x-helpdesk::colour-badge>
                         </div>
 
-                        <div>
+                        <div class="w-28 shrink-0">
                             <x-helpdesk::colour-badge :color="$ticket->priority?->color ?? 'zinc'">
                                 {{ $ticket->priority?->name ?? 'No priority' }}
                             </x-helpdesk::colour-badge>
                         </div>
 
-                        <div class="text-sm font-semibold text-slate-400 sm:text-right">
+                        <div class="w-28 shrink-0 whitespace-nowrap text-right text-sm font-semibold text-slate-400">
                             {{ optional($ticket->last_activity_at)->diffForHumans() ?? 'No activity' }}
                         </div>
                     </a>
@@ -108,6 +111,7 @@
                     <div class="px-5 py-8 text-center text-sm text-slate-400">No helpdesk tickets yet.</div>
                 @endforelse
             </div>
+            {{-- Recent Tickets End--}}
         </div>
 
         <div class="space-y-5">
@@ -140,16 +144,17 @@
                     </div>
                 </div>
             </div>
+
             <details
                 class="group rounded-xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-700 dark:bg-zinc-900"
                 dusk="recent-commits-card">
                 <summary
                     class="-mx-4 -mt-4 mb-4 flex cursor-pointer list-none items-center justify-between gap-3 rounded-t-xl bg-violet-700 px-4 py-4 text-white marker:hidden">
                     <div class="flex min-w-0 items-center gap-3">
-            <span
-                class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-violet-950 text-white ring-1 ring-violet-300/60 shadow-lg">
-                <i class="fa-solid fa-code-branch text-lg" aria-hidden="true"></i>
-            </span>
+                        <span
+                            class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-violet-950 text-white ring-1 ring-violet-300/60 shadow-lg">
+                            <i class="fa-solid fa-code-branch text-lg" aria-hidden="true"></i>
+                        </span>
 
                         <div class="min-w-0">
                             <h2 class="text-lg font-black uppercase tracking-wide">Recent commits</h2>
@@ -159,8 +164,8 @@
 
                     <span
                         class="inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white/15 text-white ring-1 ring-white/20">
-            <i class="fa-solid fa-chevron-right text-xs transition group-open:rotate-90" aria-hidden="true"></i>
-        </span>
+                        <i class="fa-solid fa-chevron-right text-xs transition group-open:rotate-90" aria-hidden="true"></i>
+                    </span>
                 </summary>
 
                 <div class="mb-4 flex justify-end">