romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design): FINDING-001 — table font-size 16px → 14px per DESIGN.md

Browse Source 
DESIGN.md type scale specifies 14px body / 13px data for table cells.
The table was using 1rem (16px), which is Bootstrap's default. This
reduces data density on the most visible component (the order table).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-02 13:14:42 +00:00
parent 84c38e3641
commit a5548f9c14
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
api/app/static/css/style.css
View File

@@ -287,7 +287,7 @@ input[type="checkbox"] {
/* ── Tables ──────────────────────────────────────── */ /* ── Tables ──────────────────────────────────────── */
.table { .table {
font-size: 1rem; font-size: 0.875rem; /* 14px — DESIGN.md Body */
} }
.table th { .table th {
@@ -305,7 +305,7 @@ input[type="checkbox"] {
.table td { .table td {
padding: 0.625rem 1rem; padding: 0.625rem 1rem;
color: var(--text-secondary); color: var(--text-secondary);
font-size: 1rem; font-size: 0.875rem; /* 14px — DESIGN.md Body */
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }

2
api/app/templates/base.html
View File

@@ -19,7 +19,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
{% set rp = request.scope.get('root_path', '') %} {% set rp = request.scope.get('root_path', '') %}
<link href="{{ rp }}/static/css/style.css?v=31" rel="stylesheet"> <link href="{{ rp }}/static/css/style.css?v=32" rel="stylesheet">
</head> </head>
<body> <body>
<!-- Top Navbar (hidden on mobile via CSS) --> <!-- Top Navbar (hidden on mobile via CSS) -->