From da085a7700c2a8da8816042ad42244b5bbdf2768 Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Thu, 9 Jul 2026 21:59:36 +0900
Subject: [PATCH] style: Compact search/filter forms across all pages

- Reduce card-body padding to p-2
- Change gap from g-3 to g-2
- Convert row columns to col-auto for compact layout
- Add form-control-sm and form-select-sm
- Shorten placeholder text and labels
- Applied to: Blog, Clients, Inquiries

Result: Search sections now take minimal vertical space,
table data dominates the view for better data density.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/TaxBaik.Web/Pages/Admin/Blog/Index.cshtml | 22 +++++++++------
 .../Pages/Admin/Clients/Index.cshtml          | 28 ++++++++++---------
 .../Pages/Admin/Inquiries/Index.cshtml        | 14 +++++-----
 3 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/src/TaxBaik.Web/Pages/Admin/Blog/Index.cshtml b/src/TaxBaik.Web/Pages/Admin/Blog/Index.cshtml
index a4f419f..d2f99c3 100644
--- a/src/TaxBaik.Web/Pages/Admin/Blog/Index.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Blog/Index.cshtml
@@ -8,17 +8,21 @@
     @await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("콘텐츠", "블로그 관리", "검색, 발행 상태, 작성일 기준의 블로그 목록입니다.", "/admin/blog/create", "새 글 작성"))
 
     <div class="card">
-        <div class="card-body">
+        <div class="card-body p-2">
             <form method="get">
-                <div class="row g-3 align-items-end">
-                    <div class="col-md-6">
-                        <label class="form-label" for="SearchQuery">검색</label>
-                        <input class="form-control" id="SearchQuery" name="searchQuery" value="@Model.SearchQuery" placeholder="제목 또는 본문 검색" />
+                <div class="row g-2 align-items-end">
+                    <div class="col-md-4">
+                        <label class="form-label form-label-sm" for="SearchQuery">검색</label>
+                        <input class="form-control form-control-sm" id="SearchQuery" name="searchQuery" value="@Model.SearchQuery" placeholder="제목 또는 본문" />
                     </div>
-                    <div class="col-md-6 d-flex gap-2">
-                        <button class="btn btn-primary" type="submit">검색</button>
-                        <a class="btn btn-outline-secondary" href="/admin/blog">초기화</a>
-                        <a class="btn btn-outline-secondary" href="/admin/blog?showArchived=true">내린 글 보기</a>
+                    <div class="col-auto">
+                        <button class="btn btn-primary btn-sm" type="submit">검색</button>
+                    </div>
+                    <div class="col-auto">
+                        <a class="btn btn-outline-secondary btn-sm" href="/admin/blog">초기화</a>
+                    </div>
+                    <div class="col-auto">
+                        <a class="btn btn-outline-secondary btn-sm" href="/admin/blog?showArchived=true">내린 글</a>
                     </div>
                 </div>
             </form>
diff --git a/src/TaxBaik.Web/Pages/Admin/Clients/Index.cshtml b/src/TaxBaik.Web/Pages/Admin/Clients/Index.cshtml
index 1c36062..8aea279 100644
--- a/src/TaxBaik.Web/Pages/Admin/Clients/Index.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Clients/Index.cshtml
@@ -8,32 +8,34 @@
     @await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("고객 관리", "고객 목록", "검색, 상태 필터, 페이지네이션 기준의 고객 목록입니다.", "/admin/clients/create", "고객 등록"))
 
     <div class="card">
-        <div class="card-body">
+        <div class="card-body p-2">
             <form method="get">
-                <div class="row g-3 align-items-end">
+                <div class="row g-2 align-items-end">
                     <div class="col-md-4">
-                        <label class="form-label" for="Search">검색</label>
-                        <input class="form-control" id="Search" name="search" value="@Model.Search" placeholder="이름, 전화, 회사명" />
+                        <label class="form-label form-label-sm" for="Search">검색</label>
+                        <input class="form-control form-control-sm" id="Search" name="search" value="@Model.Search" placeholder="이름, 전화, 회사" />
                     </div>
-                    <div class="col-md-3">
-                        <label class="form-label" for="Status">상태</label>
-                        <select class="form-select" id="Status" name="status">
+                    <div class="col-md-2">
+                        <label class="form-label form-label-sm" for="Status">상태</label>
+                        <select class="form-select form-select-sm" id="Status" name="status">
                             <option value="" selected="@(string.IsNullOrWhiteSpace(Model.Status))">전체</option>
                             <option value="active" selected="@(Model.Status == "active")">active</option>
                             <option value="inactive" selected="@(Model.Status == "inactive")">inactive</option>
                         </select>
                     </div>
-                    <div class="col-md-2">
-                        <label class="form-label" for="PageSize">페이지 크기</label>
-                        <select class="form-select" id="PageSize" name="pageSize">
+                    <div class="col-auto">
+                        <label class="form-label form-label-sm" for="PageSize">건수</label>
+                        <select class="form-select form-select-sm" id="PageSize" name="pageSize">
                             <option value="10" selected="@(Model.PageSize == 10)">10</option>
                             <option value="20" selected="@(Model.PageSize == 20)">20</option>
                             <option value="50" selected="@(Model.PageSize == 50)">50</option>
                         </select>
                     </div>
-                    <div class="col-md-3 d-grid d-sm-flex gap-2">
-                        <button class="btn btn-primary" type="submit">검색</button>
-                        <a class="btn btn-outline-secondary" href="/admin/clients">초기화</a>
+                    <div class="col-auto">
+                        <button class="btn btn-primary btn-sm" type="submit">검색</button>
+                    </div>
+                    <div class="col-auto">
+                        <a class="btn btn-outline-secondary btn-sm" href="/admin/clients">초기화</a>
                     </div>
                 </div>
             </form>
diff --git a/src/TaxBaik.Web/Pages/Admin/Inquiries/Index.cshtml b/src/TaxBaik.Web/Pages/Admin/Inquiries/Index.cshtml
index e342717..f9578fc 100644
--- a/src/TaxBaik.Web/Pages/Admin/Inquiries/Index.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Inquiries/Index.cshtml
@@ -5,15 +5,15 @@
 <section class="admin-page-shell">
     @await Html.PartialAsync("_AdminPageHeader", new TaxBaik.Web.Models.AdminPageHeaderModel("Customer Requests", "문의 관리", "상담 요청을 상태별로 확인합니다.", "/admin/inquiries/create", "문의 등록"))
     <div class="card">
-        <div class="card-body">
+        <div class="card-body p-2">
             <form method="get">
-                <div class="row g-3 align-items-end">
-                    <div class="col-md-4">
-                        <label class="form-label" for="Status">상태</label>
-                        <input class="form-control" id="Status" name="status" value="@Model.Status" placeholder="new / consulting / contracted ..." />
+                <div class="row g-2 align-items-end">
+                    <div class="col-md-3">
+                        <label class="form-label form-label-sm" for="Status">상태</label>
+                        <input class="form-control form-control-sm" id="Status" name="status" value="@Model.Status" placeholder="new, consulting..." />
                     </div>
-                    <div class="col-md-2 d-grid">
-                        <button class="btn btn-primary" type="submit">필터</button>
+                    <div class="col-auto">
+                        <button class="btn btn-primary btn-sm" type="submit">필터</button>
                     </div>
                 </div>
             </form>