Author SHA1 Message Date
archvillainetteandClaude Opus 5 ed168d0e97 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) <noreply@anthropic.com>
2026-07-25 08:45:46 +00:00
+9 -2
View File
@@ -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);