From b04444ef687a9cbf42cfb16d282af3c6b749d55b 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, 19 Feb 2026 19:09:09 +0900
Subject: [PATCH] =?UTF-8?q?fix:=EA=B3=A0=EA=B0=9D=EC=82=AC=EC=A0=95?=
 =?UTF-8?q?=EC=82=B0/=EA=B5=AC=EB=8F=85=EA=B4=80=EB=A6=AC=20=ED=95=84?=
 =?UTF-8?q?=ED=84=B0=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=9C=A0?=
 =?UTF-8?q?=EC=97=B0=ED=95=9C=20=EB=84=88=EB=B9=84=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

grid 균등분할 → flex wrap + min-width로 자연스러운 너비 적용.
수당관리 필터와 동일한 스타일로 통일.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../partials/customer-tab.blade.php           | 30 +++++++++----------
 .../partials/subscription-tab.blade.php       | 18 +++++------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/resources/views/finance/settlement/partials/customer-tab.blade.php b/resources/views/finance/settlement/partials/customer-tab.blade.php
index 9120ead6..dbb41cf6 100644
--- a/resources/views/finance/settlement/partials/customer-tab.blade.php
+++ b/resources/views/finance/settlement/partials/customer-tab.blade.php
@@ -30,34 +30,34 @@
         <form hx-get="{{ route('finance.settlement.customer') }}"
               hx-target="#customer-content"
               hx-trigger="submit"
-              class="grid grid-cols-1 md:grid-cols-5 gap-4">
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">검색</label>
+              class="flex flex-wrap items-end gap-3">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[160px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">검색</label>
                 <input type="text" name="search" placeholder="고객사명"
                        value="{{ request('search') }}"
-                       class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
+                       class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
             </div>
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">개발 상태</label>
-                <select name="hq_status" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">개발 상태</label>
+                <select name="hq_status" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
                     <option value="">전체</option>
                     @foreach ($hqStatusLabels as $value => $label)
                         <option value="{{ $value }}" {{ request('hq_status') == $value ? 'selected' : '' }}>{{ $label }}</option>
                     @endforeach
                 </select>
             </div>
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">수금 상태</label>
-                <select name="payment_status" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">수금 상태</label>
+                <select name="payment_status" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
                     <option value="">전체</option>
                     <option value="fully_paid" {{ request('payment_status') == 'fully_paid' ? 'selected' : '' }}>수금완료</option>
                     <option value="partial" {{ request('payment_status') == 'partial' ? 'selected' : '' }}>부분수금</option>
                     <option value="unpaid" {{ request('payment_status') == 'unpaid' ? 'selected' : '' }}>미수금</option>
                 </select>
             </div>
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">담당 파트너</label>
-                <select name="partner_id" class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[120px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">담당 파트너</label>
+                <select name="partner_id" class="w-full rounded-lg border-gray-300 text-sm focus:border-indigo-500 focus:ring-indigo-500">
                     <option value="">전체</option>
                     @foreach ($partners as $partner)
                         <option value="{{ $partner->id }}" {{ request('partner_id') == $partner->id ? 'selected' : '' }}>
@@ -66,8 +66,8 @@ class="w-full rounded-lg border-gray-300 focus:border-indigo-500 focus:ring-indi
                     @endforeach
                 </select>
             </div>
-            <div class="flex items-end">
-                <button type="submit" class="w-full px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg transition-colors">
+            <div class="flex items-end gap-1 w-full sm:w-auto">
+                <button type="submit" class="flex-1 sm:flex-none px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm rounded-lg transition-colors">
                     조회
                 </button>
             </div>
diff --git a/resources/views/finance/settlement/partials/subscription-tab.blade.php b/resources/views/finance/settlement/partials/subscription-tab.blade.php
index 13d232fb..a464105b 100644
--- a/resources/views/finance/settlement/partials/subscription-tab.blade.php
+++ b/resources/views/finance/settlement/partials/subscription-tab.blade.php
@@ -25,24 +25,24 @@
         <form hx-get="{{ route('finance.settlement.subscription') }}"
               hx-target="#subscription-content"
               hx-trigger="submit"
-              class="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">검색</label>
+              class="flex flex-wrap items-end gap-3">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[160px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">검색</label>
                 <input type="text" name="search" placeholder="고객사명"
                        value="{{ request('search') }}"
-                       class="w-full rounded-lg border-gray-300 focus:border-teal-500 focus:ring-teal-500">
+                       class="w-full rounded-lg border-gray-300 text-sm focus:border-teal-500 focus:ring-teal-500">
             </div>
-            <div>
-                <label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
-                <select name="status" class="w-full rounded-lg border-gray-300 focus:border-teal-500 focus:ring-teal-500">
+            <div class="w-[calc(50%-6px)] sm:w-auto sm:min-w-[100px]">
+                <label class="block text-xs font-medium text-gray-500 mb-1">상태</label>
+                <select name="status" class="w-full rounded-lg border-gray-300 text-sm focus:border-teal-500 focus:ring-teal-500">
                     <option value="all">전체</option>
                     <option value="contracted" {{ request('status') == 'contracted' ? 'selected' : '' }}>계약완료</option>
                     <option value="onboarding" {{ request('status') == 'onboarding' ? 'selected' : '' }}>온보딩</option>
                     <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>활성</option>
                 </select>
             </div>
-            <div class="flex items-end">
-                <button type="submit" class="w-full px-4 py-2 bg-teal-600 hover:bg-teal-700 text-white rounded-lg transition-colors">
+            <div class="flex items-end gap-1 w-full sm:w-auto">
+                <button type="submit" class="flex-1 sm:flex-none px-4 py-2 bg-teal-600 hover:bg-teal-700 text-white text-sm rounded-lg transition-colors">
                     조회
                 </button>
             </div>