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);