put column total on its own line via flex-wrap (v1.0.5)

Asset/css/finance.css

@@ -2,19 +2,20 @@
  * FinanceBuddy styles.
  */
 
-/* Per-column net total: its own full-width line under the column title (clears the right-floated
+/* The column header (.board-column-expanded-header) is a flex row, so the total is a flex item. To
-   task count), so a wide amount never overflows the column. Keep the background pill (theme-safe
+   drop it onto its own line under the title, let that header wrap (scoped with :has to headers that
-   contrast). "Total:" is black; only the amount span is colored by sign. */
+   actually contain the total -- i.e. enabled boards only) and give the total full width. No
+   background (dropped per request); "Total:" stays black, only the amount span is colored by sign. */
+.board-column-expanded-header:has(.fb-column-total) {
+    flex-wrap: wrap;
+}
+
 .fb-column-total {
-    display: block;
+    flex-basis: 100%;
-    clear: both;
+    margin-top: 2px;
-    margin-top: 3px;
-    padding: 0 5px;
     font-weight: bold;
     font-size: 0.95em;
     color: #000;
-    background: rgba(0, 0, 0, 0.05);
-    border-radius: 3px;
 }
 
 /* Keep the signed amount together ("-R$450,00"); a break before it (after "Total:") is fine. */

Plugin.php

@@ -77,7 +77,7 @@ class Plugin extends Base
 
     public function getPluginVersion()
     {
-        return '1.0.4';
+        return '1.0.5';
     }
 
     public function getPluginHomepage()

VERSION

@@ -1 +1 @@
-FinanceBuddy v1.0.4
+FinanceBuddy v1.0.5