right-justify the column total in a rounded pill

Asset/css/finance.css

@@ -2,13 +2,23 @@
  * 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;
+    text-align: right;
+}
+
+/* The visible pill hugs the text (not the full width) and is right-justified on its line. */
+.fb-total-pill {
+    display: inline-block;
     padding: 0 5px;
     font-weight: bold;
     font-size: 0.95em;

Plugin.php

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

Template/board/column_total.php

@@ -21,5 +21,5 @@ if ($net > 0) {
 }
 ?>
 <div class="fb-column-total">
-    <?= t('Total') ?>: <span class="fb-amount <?= $amount_class ?>"><?= $sign ?>R$<?= \Kanboard\Plugin\FinanceBuddy\Helper\FinanceHelper::money(abs($net)) ?></span>
+    <span class="fb-total-pill"><?= t('Total') ?>: <span class="fb-amount <?= $amount_class ?>"><?= $sign ?>R$<?= \Kanboard\Plugin\FinanceBuddy\Helper\FinanceHelper::money(abs($net)) ?></span></span>
 </div>

VERSION

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