From 62ec703f8189ffb855b72d1ded91f749a73c90de Mon Sep 17 00:00:00 2001
From: root <root@dev01.nb.wulf.cloud>
Date: Tue, 3 Feb 2026 09:09:46 -0500
Subject: [PATCH] feat: increase ticket font sizes and fix company name display

- Increased ticket number font from text-lg to text-2xl
- Increased company name font from text-sm to text-lg
- Increased ticket title font from text-xs to text-base
- Increased padding on ticket cards for better spacing
- Fixed company ID to name conversion in settings page
- Ensure excluded_company_ids are parsed as numbers for proper lookup
---
 app/kiosk/settings/page.tsx   | 6 ++++++
 components/kiosk/kpi-card.tsx | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/kiosk/settings/page.tsx b/app/kiosk/settings/page.tsx
index 01b6dae..3f43492 100644
--- a/app/kiosk/settings/page.tsx
+++ b/app/kiosk/settings/page.tsx
@@ -40,6 +40,12 @@ export default function KioskSettingsPage() {
       const res = await fetch('/api/kiosk/settings');
       if (res.ok) {
         const data = await res.json();
+        // Ensure excluded_company_ids are numbers
+        if (data.excluded_company_ids && Array.isArray(data.excluded_company_ids)) {
+          data.excluded_company_ids = data.excluded_company_ids.map((id: any) => 
+            typeof id === 'string' ? parseInt(id) : id
+          );
+        }
         setSettings(data);
       }
     } catch (error) {
diff --git a/components/kiosk/kpi-card.tsx b/components/kiosk/kpi-card.tsx
index e52f972..03a0732 100644
--- a/components/kiosk/kpi-card.tsx
+++ b/components/kiosk/kpi-card.tsx
@@ -53,16 +53,16 @@ export function KpiCard({ title, value, icon: Icon, trend, color = 'blue', suffi
       {tickets && tickets.length > 0 && (
         <div className="w-full mt-4 space-y-3">
           {tickets.map((ticket, index) => (
-            <div key={ticket.ticketNumber} className="bg-black/30 rounded-lg p-3 border border-gray-700">
+            <div key={ticket.ticketNumber} className="bg-black/30 rounded-lg p-4 border border-gray-700">
               <div className="flex items-start gap-3">
-                <span className={`text-lg font-bold ${colorClasses[color]} flex-shrink-0`}>
+                <span className={`text-2xl font-bold ${colorClasses[color]} flex-shrink-0`}>
                   #{ticket.ticketNumber}
                 </span>
                 <div className="flex-1 min-w-0">
-                  <div className="text-sm font-semibold text-gray-300 truncate">
+                  <div className="text-lg font-semibold text-gray-300 truncate">
                     {ticket.companyName}
                   </div>
-                  <div className="text-xs text-gray-400 line-clamp-2">
+                  <div className="text-base text-gray-400 line-clamp-2">
                     {ticket.title}
                   </div>
                 </div>