From a7f472b86780b2cd87fbbe110d5e278db9e6c8a7 Mon Sep 17 00:00:00 2001 From: vickydotbat Date: Sat, 25 Jul 2026 09:31:07 +0200 Subject: [PATCH] fix: pin dev blog card like count to card bottom Card like row followed the excerpt, so hearts sat at different heights across a grid row. Make the card and its body flex columns and give the like row margin-top: auto. Closes #43 Co-Authored-By: Claude Opus 5 (1M context) --- 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);