diff --git a/board/_theme.py b/board/_theme.py index 7f0aabf..883e3ed 100644 --- a/board/_theme.py +++ b/board/_theme.py @@ -317,6 +317,13 @@ def mark(key): a:hover{text-decoration:underline} .muted{color:var(--muted)} .ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)} +/* A bare list is page text, not a quotation. The UA's 40px indent steps it in + from every other block on the page — measured on the Heart board, the + evidence-gap bullets started at x=56 against a 16px body margin, which + reads as a stray inset column on a phone. The lists that are layout rather + than prose (.stats, .boards, ul.det) set their own padding and win on + specificity. */ +ul,ol{padding-left:1.15rem} code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em; background:var(--btn);border:1px solid var(--line);padding:.05em .35em; border-radius:5px} diff --git a/tests/test_board_theme.py b/tests/test_board_theme.py index 5ce1d5d..d8c62a2 100644 --- a/tests/test_board_theme.py +++ b/tests/test_board_theme.py @@ -240,3 +240,14 @@ def test_a_row_stacks_on_a_phone_so_the_text_gets_the_width(): re.S).group(0).replace("\n ", "") assert "table.recent td{display:block;width:auto" in stack assert "table.recent td:not([class]){flex:1 0 100%" in stack + + +def test_a_bare_list_lines_up_with_the_rest_of_the_page(): + """The UA's 40px list indent steps a bare `