From 011446bab5d984ba07c3cbe588382aa89d8872c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Thu, 5 Mar 2026 10:46:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[approvals]=20=EB=B6=88=EB=9F=AC?=
 =?UTF-8?q?=EC=98=A4=EA=B8=B0=20=EB=B2=84=ED=8A=BC=EC=9D=84=20=EC=96=91?=
 =?UTF-8?q?=EC=8B=9D=20=EC=84=A0=ED=83=9D=20=EC=98=86=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/approvals/create.blade.php | 35 +++++++++++-----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/resources/views/approvals/create.blade.php b/resources/views/approvals/create.blade.php
index e68b732f..55d5e0bc 100644
--- a/resources/views/approvals/create.blade.php
+++ b/resources/views/approvals/create.blade.php
@@ -17,11 +17,20 @@
             {{-- 양식 선택 --}}
             <div class="mb-4">
                 <label class="block text-sm font-medium text-gray-700 mb-1">양식 <span class="text-red-500">*</span></label>
-                <select id="form_id" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
-                    @foreach($forms as $form)
-                        <option value="{{ $form->id }}">{{ $form->name }}</option>
-                    @endforeach
-                </select>
+                <div class="flex items-center gap-2">
+                    <select id="form_id" class="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
+                        @foreach($forms as $form)
+                            <option value="{{ $form->id }}">{{ $form->name }}</option>
+                        @endforeach
+                    </select>
+                    <button type="button" id="expense-load-btn" style="display: none;" onclick="openExpenseLoadModal()"
+                            class="shrink-0 px-3 py-2 bg-amber-50 text-amber-700 hover:bg-amber-100 border border-amber-200 rounded-lg text-sm font-medium transition inline-flex items-center gap-1">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
+                        </svg>
+                        불러오기
+                    </button>
+                </div>
             </div>
 
             {{-- 제목 --}}
@@ -82,16 +91,6 @@ class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-
             </div>
 
             {{-- 지출결의서 전용 폼 --}}
-            <div id="expense-load-area" style="display: none;" class="mb-4 flex items-center gap-2">
-                <label class="text-sm font-medium text-gray-700">지출결의서</label>
-                <button type="button" onclick="openExpenseLoadModal()"
-                        class="px-3 py-1.5 bg-amber-50 text-amber-700 hover:bg-amber-100 border border-amber-200 rounded-lg text-xs font-medium transition inline-flex items-center gap-1">
-                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
-                    </svg>
-                    불러오기
-                </button>
-            </div>
             @include('approvals.partials._expense-form', [
                 'initialData' => [],
                 'cards' => $cards ?? collect(),
@@ -377,17 +376,17 @@ function switchFormMode(formId) {
     const code = formCodes[formId];
     const expenseContainer = document.getElementById('expense-form-container');
     const bodyArea = document.getElementById('body-area');
-    const expenseLoadArea = document.getElementById('expense-load-area');
+    const expenseLoadBtn = document.getElementById('expense-load-btn');
 
     if (code === 'expense') {
         isExpenseForm = true;
         expenseContainer.style.display = '';
-        expenseLoadArea.style.display = '';
+        expenseLoadBtn.style.display = '';
         bodyArea.style.display = 'none';
     } else {
         isExpenseForm = false;
         expenseContainer.style.display = 'none';
-        expenseLoadArea.style.display = 'none';
+        expenseLoadBtn.style.display = 'none';
         bodyArea.style.display = '';
     }
 }