From 7732403a0d9e33e10803bb9c22b2c53b73fb394b Mon Sep 17 00:00:00 2001
From: backuppc <backuppc@mail.com>
Date: Tue, 2 Dec 2025 17:27:38 +0900
Subject: [PATCH] Improve patch list layout: lightskyblue title, single line
 with truncate, date only

---
 Project/frontend/src/pages/PatchList.tsx | 45 ++++++++++--------------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/Project/frontend/src/pages/PatchList.tsx b/Project/frontend/src/pages/PatchList.tsx
index 302728c..fe24dfb 100644
--- a/Project/frontend/src/pages/PatchList.tsx
+++ b/Project/frontend/src/pages/PatchList.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { FileText, Search, RefreshCw, Calendar, User, Edit3 } from 'lucide-react';
+import { FileText, Search, RefreshCw, Calendar, Edit3, User } from 'lucide-react';
 import { comms } from '@/communication';
 import { BoardItem } from '@/types';
 
@@ -168,35 +168,26 @@ export function PatchList() {
             boardList.map((item) => (
               <div
                 key={item.idx}
-                className="px-6 py-4 hover:bg-white/5 transition-colors cursor-pointer"
+                className="px-6 py-3 hover:bg-white/5 transition-colors cursor-pointer"
                 onClick={() => handleRowClick(item)}
               >
-                <div className="flex items-center justify-between gap-4">
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-center gap-2 mb-1">
-                      {item.header && (
-                        <span className="px-2 py-0.5 bg-primary-500/20 text-primary-400 text-xs rounded">
-                          {item.header}
-                        </span>
-                      )}
-                      {item.cate && (
-                        <span className="px-2 py-0.5 bg-white/10 text-white/70 text-xs rounded">
-                          {item.cate}
-                        </span>
-                      )}
-                    </div>
-                    <h4 className="text-white font-medium mb-1">{item.title}</h4>
-                    <p className="text-white/60 text-sm line-clamp-1">{item.contents}</p>
+                <div className="flex items-center gap-3">
+                  <div className="flex items-center gap-2 flex-shrink-0">
+                    {item.header && (
+                      <span className="px-2 py-0.5 bg-primary-500/20 text-primary-400 text-xs rounded whitespace-nowrap">
+                        {item.header}
+                      </span>
+                    )}
+                    {item.cate && (
+                      <span className="px-2 py-0.5 bg-white/10 text-white/70 text-xs rounded whitespace-nowrap">
+                        {item.cate}
+                      </span>
+                    )}
                   </div>
-                  <div className="flex flex-col items-end gap-1 flex-shrink-0">
-                    <div className="flex items-center text-white/60 text-xs">
-                      <User className="w-3 h-3 mr-1" />
-                      {item.wuid_name || item.wuid}
-                    </div>
-                    <div className="flex items-center text-white/60 text-xs">
-                      <Calendar className="w-3 h-3 mr-1" />
-                      {formatDate(item.wdate)}
-                    </div>
+                  <h4 className="text-[#87CEEB] font-medium flex-1 min-w-0 truncate">{item.title}</h4>
+                  <div className="flex items-center text-white/60 text-xs flex-shrink-0">
+                    <Calendar className="w-3 h-3 mr-1" />
+                    {formatDate(item.wdate)}
                   </div>
                 </div>
               </div>