Skip to content

Commit 5657937

Browse files
committed
refactor: tighten report table styling and print typography
- Drop the dedicated .report-table-quantity font-family / size / weight overrides so the quantity column inherits the same typography as every other cell; keep only the right alignment since the numbers still need to align on the right edge. - Add font-weight: 500 to .report-table tfoot td so the total row reads slightly heavier than the body rows without needing per-cell overrides. - Shrink the print-mode line-items table by roughly one point across the board (body 11pt -> 9pt, thead 9pt -> 8pt, tfoot / mono 10pt -> 9/8pt) with matching 3pt 5pt cell padding so the picking list fits more comfortably on A4. - Split the print-mode .report-dt / .report-dd rule so only the term column carries font-weight: 500 on paper, reinforcing the label vs value distinction when the colour cue is lost.
1 parent a049017 commit 5657937

1 file changed

Lines changed: 13 additions & 20 deletions

File tree

src/budy/static/css/report.css

Lines changed: 13 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -280,9 +280,6 @@ body {
280280
}
281281

282282
.report-table .report-table-quantity {
283-
font-family: "IBM Plex Mono", monospace;
284-
font-size: 13px;
285-
font-weight: 500;
286283
text-align: right;
287284
}
288285

@@ -291,13 +288,12 @@ body {
291288
border-top: 1px solid #e8e8e8;
292289
color: #757575;
293290
font-size: 14px;
291+
font-weight: 500;
294292
padding: 14px 16px 14px 16px;
295293
}
296294

297295
.report-table tfoot td.report-table-quantity {
298296
color: #1a1a1a;
299-
font-size: 13px;
300-
font-weight: 600;
301297
}
302298

303299
.report-table a {
@@ -451,7 +447,11 @@ body {
451447
font-size: 11pt;
452448
font-weight: 600;
453449
}
454-
.report-dt,
450+
.report-dt {
451+
color: #000000;
452+
font-size: 10pt;
453+
font-weight: 500;
454+
}
455455
.report-dd {
456456
color: #000000;
457457
font-size: 10pt;
@@ -469,7 +469,7 @@ body {
469469
-moz-border-radius: 0px 0px 0px 0px;
470470
-khtml-border-radius: 0px 0px 0px 0px;
471471
-webkit-border-radius: 0px 0px 0px 0px;
472-
font-size: 11pt;
472+
font-size: 9pt;
473473
overflow: visible;
474474
}
475475
.report-table thead {
@@ -480,12 +480,12 @@ body {
480480
border-top: 1pt solid #000000;
481481
border-bottom: 1pt solid #000000;
482482
color: #000000;
483-
font-size: 9pt;
484-
padding: 4pt 6pt 4pt 6pt;
483+
font-size: 8pt;
484+
padding: 3pt 5pt 3pt 5pt;
485485
}
486486
.report-table tbody td {
487487
border-bottom: 0.5pt solid #000000;
488-
padding: 4pt 6pt 4pt 6pt;
488+
padding: 3pt 5pt 3pt 5pt;
489489
}
490490
.report-table tbody tr {
491491
break-inside: avoid;
@@ -500,22 +500,15 @@ body {
500500
border-top: 2pt solid #000000;
501501
}
502502
.report-table .report-table-mono {
503-
font-size: 10pt;
504-
}
505-
.report-table .report-table-quantity {
506-
color: #000000;
507-
font-size: 10pt;
503+
font-size: 8pt;
508504
}
509505
.report-table tfoot td {
510506
background: transparent;
511507
border-top: 1pt solid #000000;
512508
border-bottom: 1pt solid #000000;
513509
color: #000000;
514-
font-size: 10pt;
515-
padding: 4pt 6pt 4pt 6pt;
516-
}
517-
.report-table tfoot td.report-table-quantity {
518-
font-size: 10pt;
510+
font-size: 9pt;
511+
padding: 3pt 5pt 3pt 5pt;
519512
}
520513
.report-table-thumbnail {
521514
display: table-cell;

0 commit comments

Comments
 (0)