Revised the style of the toolbar buttons for better layout on mobile devices. Hid the "Back" button on mobile devices for better layout and saving spaces.

src/accounting/templates/accounting/account/detail.html

@@ -25,25 +25,25 @@ First written: 2023/1/31
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 accounting-toolbar">
-  <a class="btn btn-primary" href="{{ url_for("accounting.account.list")|accounting_or_next }}">
+  <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.account.list")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}
   </a>
   {% if accounting_can_edit() %}
     <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.account.edit", account=obj)|accounting_inherit_next }}">
       <i class="fa-solid fa-gear"></i>
-      {{ A_("Settings") }}
+      <span class="d-none d-md-inline">{{ A_("Settings") }}</span>
     </a>
   {% endif %}
   <a class="btn btn-primary" href="{{ url_for("accounting.account.order", base=obj.base)|accounting_append_next }}">
     <i class="fa-solid fa-bars-staggered"></i>
-    {{ A_("Order") }}
+    <span class="d-none d-md-inline">{{ A_("Order") }}</span>
   </a>
   {% if accounting_can_edit() %}
     <button class="btn btn-danger" type="button" data-bs-toggle="modal" data-bs-target="#accounting-delete-modal">
       <i class="fa-solid fa-trash"></i>
-      {{ A_("Delete") }}
+      <span class="d-none d-md-inline">{{ A_("Delete") }}</span>
     </button>
   {% endif %}
 </div>

src/accounting/templates/accounting/account/include/form.html

@@ -27,7 +27,7 @@ First written: 2023/2/1
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" role="button" href="{% block back_url %}{% endblock %}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}

src/accounting/templates/accounting/account/order.html

@@ -30,7 +30,7 @@ First written: 2023/2/2
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" href="{{ url_for("accounting.account.list")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}

src/accounting/templates/accounting/base-account/detail.html

@@ -25,7 +25,7 @@ First written: 2023/2/1
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" href="{{ url_for("accounting.account.list")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}

src/accounting/templates/accounting/currency/detail.html

@@ -25,21 +25,21 @@ First written: 2023/2/6
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 accounting-toolbar">
-  <a class="btn btn-primary" href="{{ url_for("accounting.currency.list")|accounting_or_next }}">
+  <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.currency.list")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}
   </a>
   {% if accounting_can_edit() %}
     <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.currency.edit", currency=obj)|accounting_inherit_next }}">
       <i class="fa-solid fa-gear"></i>
-      {{ A_("Settings") }}
+      <span class="d-none d-md-inline">{{ A_("Settings") }}</span>
     </a>
   {% endif %}
   {% if accounting_can_edit() %}
     <button class="btn btn-danger" type="button" data-bs-toggle="modal" data-bs-target="#accounting-delete-modal">
       <i class="fa-solid fa-trash"></i>
-      {{ A_("Delete") }}
+      <span class="d-none d-md-inline">{{ A_("Delete") }}</span>
     </button>
   {% endif %}
 </div>

src/accounting/templates/accounting/currency/include/form.html

@@ -27,7 +27,7 @@ First written: 2023/2/6
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" role="button" href="{% block back_url %}{% endblock %}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}

src/accounting/templates/accounting/journal-entry/disbursement/detail.html

@@ -24,7 +24,7 @@ First written: 2023/2/26
 {% block as_trasfer %}
   <a class="btn btn-primary" href="{{ url_for("accounting.journal-entry.edit", journal_entry=obj)|accounting_journal_entry_to_transfer|accounting_inherit_next }}">
     <i class="fa-solid fa-table-columns"></i>
-    {{ A_("As Transfer") }}
+    <span class="d-none d-md-inline">{{ A_("As Transfer") }}</span>
   </a>
 {% endblock %}
 

src/accounting/templates/accounting/journal-entry/include/detail.html

@@ -25,32 +25,32 @@ First written: 2023/2/26
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 accounting-toolbar">
-  <a class="btn btn-primary" href="{{ url_for("accounting.report.default")|accounting_or_next }}">
+  <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.report.default")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}
   </a>
   {% if accounting_can_edit() %}
     <a class="btn btn-primary d-none d-md-inline" href="{{ url_for("accounting.journal-entry.edit", journal_entry=obj)|accounting_inherit_next }}">
       <i class="fa-solid fa-gear"></i>
-      {{ A_("Settings") }}
+      <span class="d-none d-md-inline">{{ A_("Settings") }}</span>
     </a>
   {% endif %}
   <a class="btn btn-primary" href="{{ url_for("accounting.journal-entry.order", journal_entry_date=obj.date)|accounting_append_next }}">
     <i class="fa-solid fa-bars-staggered"></i>
-    {{ A_("Order") }}
+    <span class="d-none d-md-inline">{{ A_("Order") }}</span>
   </a>
   {% if accounting_can_edit() %}
     {% block as_trasfer %}{% endblock %}
     {% if obj.can_delete %}
       <button class="btn btn-danger" type="button" data-bs-toggle="modal" data-bs-target="#accounting-delete-modal">
         <i class="fa-solid fa-trash"></i>
-        {{ A_("Delete") }}
+        <span class="d-none d-md-inline">{{ A_("Delete") }}</span>
       </button>
     {% else %}
       <button class="btn btn-secondary" type="button" disabled="disabled">
         <i class="fa-solid fa-trash"></i>
-        {{ A_("Delete") }}
+        <span class="d-none d-md-inline">{{ A_("Delete") }}</span>
       </button>
     {% endif %}
   {% endif %}

src/accounting/templates/accounting/journal-entry/include/form.html

@@ -32,10 +32,10 @@ First written: 2023/2/26
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" role="button" href="{% block back_url %}{% endblock %}">
     <i class="fa-solid fa-circle-chevron-left"></i>
-    {{ A_("Back") }}
+    <span class="d-none d-md-inline">{{ A_("Back") }}</span>
   </a>
 </div>
 

src/accounting/templates/accounting/journal-entry/order.html

@@ -30,7 +30,7 @@ First written: 2023/2/26
 
 {% block content %}
 
-<div class="btn-group mb-3">
+<div class="mb-3 d-none d-md-block">
   <a class="btn btn-primary" href="{{ url_for("accounting.report.default")|accounting_or_next }}">
     <i class="fa-solid fa-circle-chevron-left"></i>
     {{ A_("Back") }}

src/accounting/templates/accounting/journal-entry/receipt/detail.html

@@ -24,7 +24,7 @@ First written: 2023/2/26
 {% block as_trasfer %}
   <a class="btn btn-primary" href="{{ url_for("accounting.journal-entry.edit", journal_entry=obj)|accounting_journal_entry_to_transfer|accounting_inherit_next }}">
     <i class="fa-solid fa-bars-staggered"></i>
-    {{ A_("As Transfer") }}
+    <span class="d-none d-md-inline">{{ A_("As Transfer") }}</span>
   </a>
 {% endblock %}