diff --git a/web/src/lib/components/FormulaSettings.svelte b/web/src/lib/components/FormulaSettings.svelte index 7481d3e..18ed6a3 100644 --- a/web/src/lib/components/FormulaSettings.svelte +++ b/web/src/lib/components/FormulaSettings.svelte @@ -148,12 +148,20 @@ font-size: 0.88rem; font-variant-numeric: tabular-nums; } + /* The table lives in the side panel, 27rem at most whatever the screen (DocPanel), about as + narrow as a phone's sheet: on a desktop as on a phone, the cells sit close and the headers + and the level's name wrap, so that the six columns hold, in each language; a figure never + wraps (lot U3b). */ th, td { - padding: 0.45rem 0.55rem; + padding: 0.4rem 0.3rem; text-align: right; white-space: nowrap; } + thead th, + th[scope='row'] { + white-space: normal; + } thead th { font-size: 0.74rem; font-weight: 800; @@ -193,15 +201,4 @@ .tag { font-size: 0.68rem; } - /* On a phone, six columns hold in the sheet: the headers and the level's name wrap. */ - @media (max-width: 480px) { - th, - td { - padding: 0.4rem 0.3rem; - } - thead th, - th[scope='row'] { - white-space: normal; - } - }