From de7314cff10ccb949781390cfcf08f52f2cdc594 Mon Sep 17 00:00:00 2001
From: esdrasrenan <esdrasrenan@users.noreply.github.com>
Date: Sun, 5 Oct 2025 02:22:12 -0300
Subject: [PATCH] style: reposition category badge in dashboard tickets

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 .../tickets/recent-tickets-panel.tsx          | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/web/src/components/tickets/recent-tickets-panel.tsx b/web/src/components/tickets/recent-tickets-panel.tsx
index 67ffb74..0b77068 100644
--- a/web/src/components/tickets/recent-tickets-panel.tsx
+++ b/web/src/components/tickets/recent-tickets-panel.tsx
@@ -50,27 +50,25 @@ function TicketRow({ ticket }: { ticket: Ticket }) {
             <span className="text-neutral-400">•</span>
             <span>{formatDistanceToNow(ticket.updatedAt, { addSuffix: true, locale: ptBR })}</span>
           </div>
+          {ticket.category ? (
+            <Badge className="inline-flex items-center gap-1 rounded-full border border-[#00e8ff]/50 bg-[#00e8ff]/10 px-3 py-1 text-[11px] font-semibold text-[#02414d]">
+              {ticket.category.name}
+              {ticket.subcategory ? ` • ${ticket.subcategory.name}` : ""}
+            </Badge>
+          ) : (
+            <Badge className="inline-flex items-center gap-1 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-[11px] font-semibold text-neutral-700">
+              Sem categoria
+            </Badge>
+          )}
         </div>
-        <div className="flex shrink-0 flex-col gap-3 text-right md:w-[240px]">
+        <div className="flex shrink-0 flex-col gap-3 text-right md:w-[220px]">
           <div className="flex flex-wrap justify-end gap-2">
             <TicketStatusBadge status={ticket.status} />
             <TicketPriorityPill priority={ticket.priority} />
           </div>
-          <div className="grid gap-2 text-xs text-neutral-600">
-            <div className="flex flex-wrap justify-end gap-x-2 gap-y-1">
-              <Badge className={metaBadgeClass}>{channelLabel[ticket.channel] ?? ticket.channel}</Badge>
-              <Badge className={metaBadgeClass}>{ticket.assignee?.name ?? "Sem responsável"}</Badge>
-            </div>
-            {ticket.category ? (
-              <Badge className="ml-auto inline-flex items-center gap-1 rounded-full border border-[#00e8ff]/50 bg-[#00e8ff]/10 px-3 py-1 text-[11px] font-semibold text-[#02414d]">
-                {ticket.category.name}
-                {ticket.subcategory ? ` • ${ticket.subcategory.name}` : ""}
-              </Badge>
-            ) : (
-              <Badge className="ml-auto inline-flex items-center gap-1 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-[11px] font-semibold text-neutral-700">
-                Sem categoria
-              </Badge>
-            )}
+          <div className="flex flex-wrap justify-end gap-x-2 gap-y-1 text-xs text-neutral-600">
+            <Badge className={metaBadgeClass}>{channelLabel[ticket.channel] ?? ticket.channel}</Badge>
+            <Badge className={metaBadgeClass}>{ticket.assignee?.name ?? "Sem responsável"}</Badge>
           </div>
         </div>
       </div>