From 213981a8b2305c523397a305f9f0142cdd99b5f7 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, 5 Apr 2023 09:11:27 +0800
Subject: [PATCH] Revised the style of the buttons in the description editor,
 to avoid overwhelming the modal when there are too many buttons.

---
 src/accounting/static/css/style.css                           | 4 ++++
 .../journal-entry/include/description-editor-modal.html       | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/accounting/static/css/style.css b/src/accounting/static/css/style.css
index e74a011..20ce9e8 100644
--- a/src/accounting/static/css/style.css
+++ b/src/accounting/static/css/style.css
@@ -316,6 +316,10 @@ a.accounting-report-table-row {
 }
 
 /* The description editor */
+.accounting-description-editor-buttons {
+    max-height: 7rem;
+    overflow-y: scroll;
+}
 .accounting-description-editor-buttons .btn {
     margin-bottom: 0.3rem;
 }
diff --git a/src/accounting/templates/accounting/journal-entry/include/description-editor-modal.html b/src/accounting/templates/accounting/journal-entry/include/description-editor-modal.html
index 236108c..2d9a0dc 100644
--- a/src/accounting/templates/accounting/journal-entry/include/description-editor-modal.html
+++ b/src/accounting/templates/accounting/journal-entry/include/description-editor-modal.html
@@ -181,10 +181,10 @@ First written: 2023/2/28
           </div>
 
           {# The suggested accounts #}
-          <div class="mt-3">
+          <div class="mt-3 accounting-description-editor-buttons">
             <button id="accounting-description-editor-{{ description_editor.debit_credit }}-account-confirmed" class="btn btn-primary mb-1 d-none" type="button"></button>
             {% for account in description_editor.accounts %}
-              <button class="btn btn-outline-primary mb-1 d-none accounting-description-editor-{{ description_editor.debit_credit }}-account {% if account.is_need_offset %} accounting-account-is-need-offset {% endif %}" type="button" data-code="{{ account.code }}" data-text="{{ account }}">
+              <button class="btn btn-outline-primary d-none accounting-description-editor-{{ description_editor.debit_credit }}-account {% if account.is_need_offset %} accounting-account-is-need-offset {% endif %}" type="button" data-code="{{ account.code }}" data-text="{{ account }}">
                 {{ account }}
               </button>
             {% endfor %}