From d5f758f1eb6227a6b2430788b0e5818dd66ed967 Mon Sep 17 00:00:00 2001
From: byeongcheolryu <zomking@gmail.com>
Date: Wed, 24 Dec 2025 11:30:40 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20UI=20=EB=A0=88=EC=9D=B4=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 헤더 버튼 우측 정렬 (ml-auto 적용)
  - ItemListClient, StockStatusList, ShipmentList
  - WorkOrderList, InspectionList
- 헤더 버튼 위치 변경 (타이틀 아래 별도 행으로 이동)
  - LeavePolicyManagement (휴가관리)
  - CompanyInfoManagement (회사정보)
  - SubscriptionManagement (구독관리)

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/items/ItemListClient.tsx       |  2 +-
 .../material/StockStatus/StockStatusList.tsx  |  2 +-
 .../ShipmentManagement/ShipmentList.tsx       |  2 +-
 .../production/WorkOrders/WorkOrderList.tsx   |  2 +-
 .../InspectionManagement/InspectionList.tsx   |  2 +-
 .../settings/CompanyInfoManagement/index.tsx  | 29 ++++++++----------
 .../settings/LeavePolicyManagement/index.tsx  | 16 +++++-----
 .../settings/SubscriptionManagement/index.tsx | 30 +++++++++----------
 8 files changed, 42 insertions(+), 43 deletions(-)

diff --git a/src/components/items/ItemListClient.tsx b/src/components/items/ItemListClient.tsx
index 339c342e..932575d2 100644
--- a/src/components/items/ItemListClient.tsx
+++ b/src/components/items/ItemListClient.tsx
@@ -451,7 +451,7 @@ export default function ItemListClient() {
 
   // 헤더 액션 (검색 중 로딩 + 품목 등록 버튼)
   const headerActions = (
-    <div className="flex items-center gap-2">
+    <div className="flex items-center gap-2 ml-auto">
       {isSearching && (
         <div className="flex items-center gap-2 text-muted-foreground">
           <Loader2 className="h-4 w-4 animate-spin" />
diff --git a/src/components/material/StockStatus/StockStatusList.tsx b/src/components/material/StockStatus/StockStatusList.tsx
index 95c43503..4f4087c8 100644
--- a/src/components/material/StockStatus/StockStatusList.tsx
+++ b/src/components/material/StockStatus/StockStatusList.tsx
@@ -296,7 +296,7 @@ export function StockStatusList() {
 
   // 헤더 액션
   const headerActions = (
-    <Button variant="outline" onClick={handleExcelDownload}>
+    <Button variant="outline" className="ml-auto" onClick={handleExcelDownload}>
       <Download className="w-4 h-4 mr-1.5" />
       엑셀 다운로드
     </Button>
diff --git a/src/components/outbound/ShipmentManagement/ShipmentList.tsx b/src/components/outbound/ShipmentManagement/ShipmentList.tsx
index 6c93909f..72c569a9 100644
--- a/src/components/outbound/ShipmentManagement/ShipmentList.tsx
+++ b/src/components/outbound/ShipmentManagement/ShipmentList.tsx
@@ -294,7 +294,7 @@ export function ShipmentList() {
 
   // 헤더 액션
   const headerActions = (
-    <Button onClick={handleCreate}>
+    <Button className="ml-auto" onClick={handleCreate}>
       <Plus className="w-4 h-4 mr-2" />
       출하 등록
     </Button>
diff --git a/src/components/production/WorkOrders/WorkOrderList.tsx b/src/components/production/WorkOrders/WorkOrderList.tsx
index 252b5421..8754a4d9 100644
--- a/src/components/production/WorkOrders/WorkOrderList.tsx
+++ b/src/components/production/WorkOrders/WorkOrderList.tsx
@@ -275,7 +275,7 @@ export function WorkOrderList() {
 
   // 헤더 액션
   const headerActions = (
-    <Button onClick={handleCreate}>
+    <Button className="ml-auto" onClick={handleCreate}>
       <Plus className="w-4 h-4 mr-1.5" />
       등록
     </Button>
diff --git a/src/components/quality/InspectionManagement/InspectionList.tsx b/src/components/quality/InspectionManagement/InspectionList.tsx
index 2f6e4727..fcd1f3f6 100644
--- a/src/components/quality/InspectionManagement/InspectionList.tsx
+++ b/src/components/quality/InspectionManagement/InspectionList.tsx
@@ -251,7 +251,7 @@ export function InspectionList() {
 
   // 헤더 액션
   const headerActions = (
-    <Button onClick={handleCreate}>
+    <Button className="ml-auto" onClick={handleCreate}>
       <Plus className="w-4 h-4 mr-1.5" />
       검사 등록
     </Button>
diff --git a/src/components/settings/CompanyInfoManagement/index.tsx b/src/components/settings/CompanyInfoManagement/index.tsx
index cdb9b57c..48cc400a 100644
--- a/src/components/settings/CompanyInfoManagement/index.tsx
+++ b/src/components/settings/CompanyInfoManagement/index.tsx
@@ -129,30 +129,27 @@ export function CompanyInfoManagement() {
     setIsEditMode(false);
   };
 
-  // 헤더 액션 버튼
-  const headerActions = (
-    <div className="flex items-center gap-2">
-      <Button onClick={() => setShowAddDialog(true)}>
-        <Plus className="w-4 h-4 mr-2" />
-        회사 추가
-      </Button>
-      {!isEditMode && (
-        <Button variant="outline" onClick={() => setIsEditMode(true)}>
-          수정
-        </Button>
-      )}
-    </div>
-  );
-
   return (
     <PageLayout>
       <PageHeader
         title="회사정보"
         description="회사 정보를 관리합니다"
         icon={Building2}
-        actions={headerActions}
       />
 
+      {/* 헤더 액션 버튼 */}
+      <div className="flex justify-end gap-2 mb-4">
+        <Button onClick={() => setShowAddDialog(true)}>
+          <Plus className="w-4 h-4 mr-2" />
+          회사 추가
+        </Button>
+        {!isEditMode && (
+          <Button variant="outline" onClick={() => setIsEditMode(true)}>
+            수정
+          </Button>
+        )}
+      </div>
+
       <div className="space-y-6">
         {/* 회사 정보 섹션 */}
         <Card>
diff --git a/src/components/settings/LeavePolicyManagement/index.tsx b/src/components/settings/LeavePolicyManagement/index.tsx
index f36d2661..658ca238 100644
--- a/src/components/settings/LeavePolicyManagement/index.tsx
+++ b/src/components/settings/LeavePolicyManagement/index.tsx
@@ -51,13 +51,15 @@ export function LeavePolicyManagement() {
 
   return (
     <PageLayout>
-      {/* 헤더 + 저장 버튼 */}
-      <div className="flex items-start justify-between">
-        <PageHeader
-          title="휴가관리"
-          description="휴가 항목을 관리합니다"
-          icon={CalendarDays}
-        />
+      {/* 헤더 */}
+      <PageHeader
+        title="휴가관리"
+        description="휴가 항목을 관리합니다"
+        icon={CalendarDays}
+      />
+
+      {/* 저장 버튼 */}
+      <div className="flex justify-end mb-4">
         <Button onClick={handleSave}>
           저장
         </Button>
diff --git a/src/components/settings/SubscriptionManagement/index.tsx b/src/components/settings/SubscriptionManagement/index.tsx
index eb9fda90..0362cb6f 100644
--- a/src/components/settings/SubscriptionManagement/index.tsx
+++ b/src/components/settings/SubscriptionManagement/index.tsx
@@ -77,23 +77,23 @@ export function SubscriptionManagement() {
           title="구독관리"
           description="구독 정보를 관리합니다"
           icon={CreditCard}
-          actions={
-            <div className="flex items-center gap-2">
-              <Button variant="outline" onClick={handleExportData}>
-                <Download className="w-4 h-4 mr-2" />
-                자료 내보내기
-              </Button>
-              <Button
-                variant="outline"
-                className="border-red-200 text-red-600 hover:bg-red-50 hover:border-red-300"
-                onClick={() => setShowCancelDialog(true)}
-              >
-                서비스 해지
-              </Button>
-            </div>
-          }
         />
 
+        {/* ===== 헤더 액션 버튼 ===== */}
+        <div className="flex justify-end gap-2 mb-4">
+          <Button variant="outline" onClick={handleExportData}>
+            <Download className="w-4 h-4 mr-2" />
+            자료 내보내기
+          </Button>
+          <Button
+            variant="outline"
+            className="border-red-200 text-red-600 hover:bg-red-50 hover:border-red-300"
+            onClick={() => setShowCancelDialog(true)}
+          >
+            서비스 해지
+          </Button>
+        </div>
+
         <div className="space-y-6">
           {/* ===== 구독 정보 카드 영역 ===== */}
           <div className="grid grid-cols-1 md:grid-cols-3 gap-4">