From cbf1ad9dad33d602b8a27a1870ab01d8ac3835c3 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 26 Jan 2026 13:59:42 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=94=84=EB=A1=9C=EC=A0=9D?=
 =?UTF-8?q?=ED=8A=B8=20=EC=B9=B4=EB=93=9C=20=EB=A0=88=EC=9D=B4=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EB=B0=8F=20=EB=A9=94=ED=83=80=20=EC=A0=95=EB=B3=B4?=
 =?UTF-8?q?=20=ED=91=9C=EC=8B=9C=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 변경사항
- 프로젝트 카드 메타 정보를 key-value 형식으로 재구성
- 빈 값은 '-'로 표시하여 일관성 향상
- 버튼 텍스트 추가 (✏️ 수정, 🗑️ 삭제)
- 메인 콘텐츠 영역 최대폭 1600px 제한 및 중앙 정렬
- 그리드 정렬 개선

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web-ui/css/project-management.css |  4 ++++
 web-ui/js/project-management.js   | 32 ++++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/web-ui/css/project-management.css b/web-ui/css/project-management.css
index 9f650e2..a0ee6a5 100644
--- a/web-ui/css/project-management.css
+++ b/web-ui/css/project-management.css
@@ -150,6 +150,9 @@ body {
   flex: 1;
   padding: 2rem;
   min-height: calc(100vh - 80px);
+  max-width: 1600px;
+  margin: 0 auto;
+  width: 100%;
 }
 
 .page-header {
@@ -426,6 +429,7 @@ body {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
   gap: 1.5rem;
+  justify-content: center;
 }
 
 /* 작업자 카드 전용 스타일 */
diff --git a/web-ui/js/project-management.js b/web-ui/js/project-management.js
index 308840f..9d50242 100644
--- a/web-ui/js/project-management.js
+++ b/web-ui/js/project-management.js
@@ -218,21 +218,35 @@ function renderProjects() {
               ${isInactive ? '<span class="inactive-label">(비활성)</span>' : ''}
             </h3>
             <div class="project-meta">
-              <span style="color: ${status.color}; font-weight: 500;">${status.icon} ${status.text}</span>
-              ${project.contract_date ? `<span>📅 계약일: ${formatDate(project.contract_date)}</span>` : ''}
-              ${project.due_date ? `<span>⏰ 납기일: ${formatDate(project.due_date)}</span>` : ''}
-              ${project.completed_date ? `<span>🎯 완료일: ${formatDate(project.completed_date)}</span>` : ''}
-              ${project.pm ? `<span>👤 PM: ${project.pm}</span>` : ''}
-              ${project.site ? `<span>📍 현장: ${project.site}</span>` : ''}
-              ${isInactive ? '<span class="inactive-notice">⚠️ 작업보고서에서 숨김</span>' : ''}
+              <div class="meta-row">
+                <span class="meta-label">상태</span>
+                <span class="meta-value" style="color: ${status.color}; font-weight: 600;">${status.icon} ${status.text}</span>
+              </div>
+              <div class="meta-row">
+                <span class="meta-label">계약일</span>
+                <span class="meta-value">${project.contract_date ? formatDate(project.contract_date) : '-'}</span>
+              </div>
+              <div class="meta-row">
+                <span class="meta-label">납기일</span>
+                <span class="meta-value">${project.due_date ? formatDate(project.due_date) : '-'}</span>
+              </div>
+              <div class="meta-row">
+                <span class="meta-label">PM</span>
+                <span class="meta-value">${project.pm || '-'}</span>
+              </div>
+              <div class="meta-row">
+                <span class="meta-label">현장</span>
+                <span class="meta-value">${project.site || '-'}</span>
+              </div>
+              ${isInactive ? '<div class="inactive-notice">⚠️ 작업보고서에서 숨김</div>' : ''}
             </div>
           </div>
           <div class="project-actions">
             <button class="btn-edit" onclick="event.stopPropagation(); editProject(${project.project_id})" title="수정">
-              ✏️
+              ✏️ 수정
             </button>
             <button class="btn-delete" onclick="event.stopPropagation(); confirmDeleteProject(${project.project_id})" title="삭제">
-              🗑️
+              🗑️ 삭제
             </button>
           </div>
         </div>