From 857fc69a500f0c08258f99fea8f290571b7624dd Mon Sep 17 00:00:00 2001 From: vickydotbat Date: Sat, 25 Jul 2026 10:59:11 +0000 Subject: [PATCH] fix: pin dev blog card like count to card bottom (#46) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Card like row followed the excerpt, so hearts sat at different heights across a grid row. Card and its body are now flex columns, and the like row uses `margin-top: auto`. Closes #43 🤖 Generated with [Claude Code](https://claude.com/claude-code)Reviewed-on: https://git.westgate.pw/ShadowsOverWestgate/sow-nodebb-theme/pulls/46 Co-authored-by: vickydotbat --- scss/westgate/_pages.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/scss/westgate/_pages.scss b/scss/westgate/_pages.scss index 803519c..7769960 100644 --- a/scss/westgate/_pages.scss +++ b/scss/westgate/_pages.scss @@ -89,7 +89,10 @@ } .sow-card { - display: block; + // Column flex so the body can stretch and pin the like count to the card + // bottom, keeping hearts on one line across a grid row. + display: flex; + flex-direction: column; background: var(--wg-velvet-panel); border: 1px solid var(--wg-border); border-radius: 8px; @@ -138,6 +141,9 @@ a.sow-card:hover { } .sow-card-body { + display: flex; + flex: 1; + flex-direction: column; padding: var(--wg-space-md); h3 { @@ -924,7 +930,8 @@ a.sow-card:hover { } .sow-card-likes { - margin-top: var(--wg-space-xs); + margin-top: auto; + padding-top: var(--wg-space-xs); text-align: right; font-size: 0.875rem; color: var(--wg-text-muted);