Fix: Amount column too small to enter number

Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2024-01-19 00:21:13 +01:00
parent def162cd84
commit e66a730570
Signed by: luzifer
SSH key fingerprint: SHA256:/xtE5lCgiRDQr8SLxHMS92ZBlACmATUmF1crK16Ks4E
2 changed files with 8 additions and 2 deletions

View file

@ -79,7 +79,7 @@
Category Category
</th> </th>
<th>Description</th> <th>Description</th>
<th class="minimized-column text-end"> <th class="minimized-amount text-end">
Amount Amount
</th> </th>
<th class="minimized-column"> <th class="minimized-column">
@ -160,7 +160,7 @@
{{ accountIdToName[tx.category] }} {{ accountIdToName[tx.category] }}
</td> </td>
<td>{{ tx.description }}</td> <td>{{ tx.description }}</td>
<td :class="{'minimized-column text-end': true, 'text-danger': tx.amount < 0}"> <td :class="{'minimized-amount text-end': true, 'text-danger': tx.amount < 0}">
{{ formatNumber(tx.amount) }} {{ formatNumber(tx.amount) }}
</td> </td>
<td> <td>

View file

@ -13,3 +13,9 @@ $fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
width: 0.1%; width: 0.1%;
white-space: nowrap; white-space: nowrap;
} }
.minimized-amount {
min-width: 150px;
width: 0.1%;
white-space: nowrap;
}