beco/FinanceBuddy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

right-justify the column total in a rounded pill

Browse Source
This commit is contained in:
Ruben Carlo Benante
2026-07-08 09:30:50 -03:00
parent 524f293e37
commit 3e0cf10d6c
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
Asset/css/finance.css
View File

@@ -13,9 +13,18 @@
.fb-column-total {
flex-basis: 100%;
margin-top: 2px;
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;
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. */