From 9f63db174c54567d5584142e6eb464b4bf7ef5ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Wed, 1 Feb 2023 19:43:47 +0800
Subject: [PATCH] Merged the search box to the action button group in the base
 account list and account list.

---
 src/accounting/static/css/style.css           | 10 ++++++
 .../templates/accounting/account/list.html    | 35 ++++++++-----------
 .../accounting/base-account/list.html         | 26 ++++++--------
 3 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/src/accounting/static/css/style.css b/src/accounting/static/css/style.css
index d13acaa..72154ee 100644
--- a/src/accounting/static/css/style.css
+++ b/src/accounting/static/css/style.css
@@ -24,6 +24,16 @@
 .clickable {
     cursor: pointer;
 }
+.btn-group .btn .search-input {
+    min-height: calc(1em + .5rem + 2px);
+    padding: 0 0.5rem;
+}
+.btn-group .btn .search-label button {
+    border: none;
+    background-color: transparent;
+    color: inherit;
+    padding-right: 0;
+}
 
 /** The account management */
 .account {
diff --git a/src/accounting/templates/accounting/account/list.html b/src/accounting/templates/accounting/account/list.html
index f2dc150..716300f 100644
--- a/src/accounting/templates/accounting/account/list.html
+++ b/src/accounting/templates/accounting/account/list.html
@@ -25,14 +25,25 @@ First written: 2023/1/30
 
 {% block content %}
 
-{% if can_edit_accounting() %}
-  <div class="btn-group mb-3 d-none d-md-block">
-    <a class="btn btn-primary" href="{{ url_for("accounting.account.create")|append_next }}">
+<div class="btn-group mb-2">
+  {% if can_edit_accounting() %}
+    <a class="btn btn-primary text-nowrap d-none d-md-block" href="{{ url_for("accounting.account.create")|append_next }}">
       <i class="fa-solid fa-user-plus"></i>
       {{ A_("New") }}
     </a>
-  </div>
+  {% endif %}
+  <form class="btn btn-primary d-flex input-group" action="{{ url_for("accounting.account.list") }}" method="get" role="search">
+    <input id="search-input" class="form-control form-control-sm search-input" type="search" name="q" value="{{ request.args["q"] if "q" in request.args else "" }}" placeholder=" " required="required" aria-label="Search">
+    <label for="search-input" class="search-label">
+      <button type="submit">
+        <i class="fa-solid fa-magnifying-glass"></i>
+        {{ A_("Search") }}
+      </button>
+    </label>
+  </form>
+</div>
 
+{% if can_edit_accounting() %}
   <div class="d-md-none material-fab">
     <a class="btn btn-primary" href="{{ url_for("accounting.account.create")|append_next }}">
       <i class="fa-solid fa-plus"></i>
@@ -40,22 +51,6 @@ First written: 2023/1/30
   </div>
 {% endif %}
 
-<form action="{{ url_for("accounting.account.list") }}" method="get" role="search">
-  <div class="row">
-    <div class="col-sm-3">
-      <div class="input-group mb-2">
-        <input id="query" class="form-control form-control-sm" type="search" name="q" value="{{ request.args["q"] if "q" in request.args else "" }}" placeholder=" " required="required" aria-label="Search">
-        <button class="input-group-text" type="submit">
-          <label for="query">
-            <i class="fa-solid fa-magnifying-glass"></i>
-            {{ A_("Search") }}
-          </label>
-        </button>
-      </div>
-    </div>
-  </div>
-</form>
-
 {% if list %}
   {% include "accounting/include/pagination.html" %}
 
diff --git a/src/accounting/templates/accounting/base-account/list.html b/src/accounting/templates/accounting/base-account/list.html
index 557e1c0..a7286df 100644
--- a/src/accounting/templates/accounting/base-account/list.html
+++ b/src/accounting/templates/accounting/base-account/list.html
@@ -25,21 +25,17 @@ First written: 2023/1/26
 
 {% block content %}
 
-<form action="{{ url_for("accounting.base-account.list") }}" method="get" role="search">
-  <div class="row">
-    <div class="col-sm-3">
-      <div class="input-group mb-2">
-        <input id="query" class="form-control form-control-sm" type="search" name="q" value="{{ request.args["q"] if "q" in request.args else "" }}" placeholder=" " required="required" aria-label="Search">
-        <button class="input-group-text" type="submit">
-          <label for="query">
-            <i class="fa-solid fa-magnifying-glass"></i>
-            {{ A_("Search") }}
-          </label>
-        </button>
-      </div>
-    </div>
-  </div>
-</form>
+<div class="btn-group mb-2">
+  <form class="btn btn-primary d-flex input-group" action="{{ url_for("accounting.base-account.list") }}" method="get" role="search">
+    <input id="search-input" class="form-control form-control-sm search-input" type="search" name="q" value="{{ request.args["q"] if "q" in request.args else "" }}" placeholder=" " required="required" aria-label="Search">
+    <label for="search-input" class="search-label">
+      <button type="submit">
+        <i class="fa-solid fa-magnifying-glass"></i>
+        {{ A_("Search") }}
+      </button>
+    </label>
+  </form>
+</div>
 
 {% if list %}
   {% include "accounting/include/pagination.html" %}