From 8bcd2db069f2e4e438386d0341793009aea2cf62 Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 10 May 2026 00:21:43 +0000 Subject: [PATCH] fix(mecheval): align wrapper corner glyphs with sheet corners MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Corner divs had `padding: 0 4px` shifting the box-drawing character ~9px inward, but were only offset by `-1px` from the sheet edge, so the └/┘/┌/┐ glyphs appeared floating well inside the box rather than sitting on the corners. Increase the offset to `-10px` horizontally and `-9px` vertically so each glyph's bar lines up with the sheet border. Also drop the dead `content:` declarations on .corner-bl / .corner-br (only valid on pseudo-elements; the actual glyphs come from inline spans). --- mecheval/leaderboard/src/build.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/mecheval/leaderboard/src/build.ts b/mecheval/leaderboard/src/build.ts index d7ff2464..e1cb8be6 100644 --- a/mecheval/leaderboard/src/build.ts +++ b/mecheval/leaderboard/src/build.ts @@ -266,10 +266,10 @@ const STYLES = ` background: var(--ground); padding: 0 4px; } - .sheet::before { content: "┌"; top: -10px; left: -1px; } - .sheet::after { content: "┐"; top: -10px; right: -1px; } - .sheet .corner-bl { content: "└"; bottom: -10px; left: -1px; } - .sheet .corner-br { content: "┘"; bottom: -10px; right: -1px; } + .sheet::before { content: "┌"; top: -9px; left: -10px; } + .sheet::after { content: "┐"; top: -9px; right: -10px; } + .sheet .corner-bl { bottom: -9px; left: -10px; } + .sheet .corner-br { bottom: -9px; right: -10px; } .crumb { color: var(--ink-soft); font-size: 11px; margin: 0 0 18px 0; letter-spacing: 0.04em; } .crumb a { color: var(--ink); }