board: a bare list lines up with the rest of the page

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}

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 `<ul>` in from every other block
+    — measured on the Heart board, the evidence-gap bullets sat at x=56
+    against a 16px body margin, reading as a stray inset column on a phone."""
+    css = _theme.css("mind")
+    assert "ul,ol{padding-left:1.15rem}" in css
+    # The lists that are layout rather than prose keep their own zero.
+    assert re.search(r"\.stats\{[^}]*padding:0", css, re.S)
+    assert re.search(r"\.boards\{[^}]*padding:0", css, re.S)