Replaced the duplicated "accounting-transaction-card" and "accounting-report-card" CSS classes with the "accounting-sheet" class, for simplicity.

src/accounting/static/css/style.css

@@ -58,6 +58,15 @@
     font-size: 1.4rem;
     color: #373b3e;
 }
+.accounting-sheet {
+    padding: 2em 1.5em;
+    margin: 1em;
+    background-color: #F8F9FA;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+.accounting-sheet h2 {
+    border-bottom: thick double slategray;
+}
 
 /** The option selector */
 .accounting-selector-list {
@@ -79,15 +88,6 @@
 .accounting-entry-control {
     border-color: transparent;
 }
-.accounting-transaction-card {
-    padding: 2em 1.5em;
-    margin: 1em;
-    background-color: #F8F9FA;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-.accounting-transaction-card h2 {
-    border-bottom: thick double slategray;
-}
 .accounting-list-group-stripped .list-group-item:nth-child(2n+1) {
     background-color: #f2f2f2;
 }
@@ -127,15 +127,6 @@ td.accounting-amount {
     font-weight: bolder;
     font-style: italic;
 }
-.accounting-report-card {
-    padding: 2em 1.5em;
-    margin: 1em;
-    background-color: #F8F9FA;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-.accounting-report-card h2 {
-    border-bottom: thick double slategray;
-}
 .accounting-report-row {
     border: none;
 }

src/accounting/templates/accounting/report/trial-balance.html

@@ -117,7 +117,7 @@ First written: 2023/3/5
 {% endwith %}
 
 {% if list %}
-  <div class="accounting-report-card">
+  <div class="accounting-sheet">
     <div class="d-none d-sm-flex justify-content-center mb-3">
       <h2 class="text-center">{{ _("Trial Balance of %(currency)s %(period)s", currency=report.currency.name|title, period=report.period.desc|title) }}</h2>
     </div>

src/accounting/templates/accounting/transaction/include/detail.html

@@ -83,7 +83,7 @@ First written: 2023/2/26
   </form>
 {% endif %}
 
-<div class="accounting-transaction-card">
+<div class="accounting-sheet">
   <div class="d-none d-sm-flex justify-content-center mb-3">
     <h2 class="text-center">{{ obj }}</h2>
   </div>