Skip to main content

max / makenotwork

Remove the removable inline CSS from templates Four inline style attributes, three of which existing utilities already covered: .meta and .mt-3 on the backup-codes note, .mt-3 on the scan history scroller. The fourth needed .py-3, added beside its siblings. The pricing comparison's per-cell font-weight is now driven from the row, which already marks itself with .highlight, so the Askama conditional on the <td> goes away entirely. Nine inline styles remain. All are server-computed percentages on progress and chart bars, so the value has to be inline; the declarations move to the stylesheet separately.
Co-Authored-By
Claude Opus 5 (1M context) <noreply@anthropic.com>
Author: Max Johnson <me@maxj.phd> · 2026-08-02 20:06 UTC
Signed with PGP, not checked
Commit: 0ecab5dda15492d31fc4dcfa72e3bc15577df63e
Parent: 6878f38
4 files changed, +9 insertions, -4 deletions
M server/static/style.css +5
@@ -945,6 +945,7 @@
945 945 m0 = margin reset. Use sparingly; prefer parent layout primitives. */
946 946 .m-0 { margin: 0; }
947 947 .mt-0 { margin-top: 0; }
948 + .py-3 { padding-block: var(--space-3); }
948 949 .mt-2 { margin-top: var(--space-2); }
949 950 .mt-3 { margin-top: var(--space-3); }
950 951 .mt-4 { margin-top: var(--space-4); }
@@ -10047,6 +10048,10 @@
10047 10048 font-size: 1.1rem;
10048 10049 margin: 0;
10049 10050 }
10051 + /* The MNW row's own name cell carries the emphasis; the row already marks
10052 + itself with .highlight, so the template needs no per-cell attribute. */
10053 + #comparison-body tr.highlight td:first-child { font-weight: 600; }
10054 +
10050 10055 .analytics-section--comparison { margin-bottom: 2rem; }
10051 10056 .analytics-section--comparison h2 { margin-bottom: var(--space-4); }
10052 10057 .analytics-table-wrap {
M server/templates/dashboards/admin-uploads.html +2 -2
@@ -101,9 +101,9 @@
101 101 <span class="dimmed text-sm">last 7 days, {{ history_total }} scan{% if history_total != 1 %}s{% endif %}</span>
102 102 </summary>
103 103 {% if recent_history.is_empty() %}
104 - <div class="dimmed text-sm" style="padding: var(--space-3) 0;">No scans recorded in the last 7 days.</div>
104 + <div class="dimmed text-sm py-3">No scans recorded in the last 7 days.</div>
105 105 {% else %}
106 - <div class="scroll-x" style="margin-top: var(--space-3);">
106 + <div class="scroll-x mt-3">
107 107 <table class="compact-table" aria-label="Recent scan results">
108 108 <thead>
109 109 <tr>
M server/templates/partials/backup_codes.html +1 -1
@@ -1,4 +1,4 @@
1 1 <div class="backup-codes-grid">
2 2 {% for code in codes %}<code>{{ code }}</code>
3 3 {% endfor %}</div>
4 - <p style="opacity: 0.7; font-size: 0.85rem; margin-top: 0.75rem;">Save these codes somewhere safe. Each code can only be used once.</p>
4 + <p class="meta mt-3">Save these codes somewhere safe. Each code can only be used once.</p>
M server/templates/partials/pricing_comparison.html +1 -1
@@ -26,7 +26,7 @@
26 26 <tbody id="comparison-body">
27 27 {% for row in comparison.rows %}
28 28 <tr{% if row.is_mnw %} class="highlight"{% endif %}>
29 - <td{% if row.is_mnw %} style="font-weight:600"{% endif %}>
29 + <td>
30 30 {%- if row.is_mnw -%}
31 31 {{ row.name }}
32 32 {%- else -%}