Apps index: scale whole screenshot into the thumbnail instead of cropping

68a14e219f6cb3398b7bc771c3500ba9dd54ed8e · Pavel Safronov · 2026-10-27 12:01:49 -0700 · parents ec9751fae0f2

Claude Code usage: this commit ~8.4K out / ~1.3M cached · cost unknown (no per-model trailer) · session 3 tally 92 in / 18.1K out / 2.2M cached · usage by commit and session

Apps index: scale whole screenshot into the thumbnail instead of cropping

Usage: 92 in / 18086 out / 2198362 cached (raw session tally)
rtk: Total commands: 5814 Tokens saved: 2.5M (53.5%)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

 server/site/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/site/style.css b/server/site/style.css
index c3ddf21..cb08d1e 100644
--- a/server/site/style.css
+++ b/server/site/style.css
@@ -78,6 +78,6 @@ pre.ci-log { max-height: 40rem; overflow: auto; white-space: pre-wrap; overflow-
 }
 /* Screenshots: thumbnails on the apps index, a row on a repo's summary page. */
 ul.repos li.has-shot { display: grid; grid-template-columns: 4.5rem 1fr; gap: 0.75rem; align-items: start; }
-ul.repos .thumb img { display: block; width: 4.5rem; height: 6rem; object-fit: cover; object-position: top; border: 1px solid var(--line); border-radius: 6px; }
+ul.repos .thumb img { display: block; width: 4.5rem; height: 6rem; object-fit: contain; object-position: left top; border: 1px solid var(--line); border-radius: 6px; }
 .shots { display: flex; gap: 0.75rem; overflow-x: auto; }
 .shots img { display: block; height: 16rem; width: auto; border: 1px solid var(--line); border-radius: 6px; }