diff --git a/mobile/src/style.css b/mobile/src/style.css index 7853a36e..8e9e5f48 100644 --- a/mobile/src/style.css +++ b/mobile/src/style.css @@ -450,9 +450,11 @@ code { overflow: hidden; } -/* The desktop sidebar's groups within a workspace. */ -.tgroup + .tgroup { - margin-top: 16px; +/* The desktop sidebar's groups within a workspace. A header is one line the + height of a tap target; folded ones stack close, and a group that is open + leaves room after its rows so the next header starts a new block. */ +.tgroup:not(.folded) + .tgroup { + margin-top: 14px; } .tgroup-head { @@ -460,21 +462,26 @@ code { align-items: center; gap: 8px; width: 100%; - min-height: 32px; - padding: 0 4px 6px; + min-height: 36px; + padding: 0 4px; border: 0; background: none; font: inherit; - font-size: 13px; + font-size: 15px; font-weight: 600; - color: var(--ink-2); + color: var(--ink); text-align: left; } +.tgroup:not(.folded) .tgroup-head { + margin-bottom: 4px; +} + .tgroup-chevron { flex: none; width: 14px; height: 14px; + color: var(--ink-2); transform: rotate(90deg); transition: transform 0.2s var(--ease); } @@ -492,7 +499,9 @@ code { } .tgroup-count { + font-size: 13px; font-weight: 500; + color: var(--ink-2); font-variant-numeric: tabular-nums; }