tudor/school_compare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix latestValue block to stick to bottom of school cards
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 34s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 1m10s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
- Add flex layout to schoolCard for proper content distribution
- Use flex: 1 on schoolMeta to fill available space
- Change margin-top to auto on latestValue to push to bottom

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Tudor
2026-02-03 14:55:01 +00:00
parent 200fccb615
commit 05c667e6d3
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nextjs-app/components/ComparisonView.module.css
View File

@@ -112,6 +112,8 @@
position: relative; position: relative;
box-shadow: var(--shadow-soft, 0 2px 8px rgba(26, 22, 18, 0.06)); box-shadow: var(--shadow-soft, 0 2px 8px rgba(26, 22, 18, 0.06));
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex;
flex-direction: column;
} }
.schoolCard:hover { .schoolCard:hover {
@@ -167,6 +169,7 @@
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
flex: 1;
} }
.metaItem { .metaItem {
@@ -178,7 +181,7 @@
} }
.latestValue { .latestValue {
margin-top: 1rem; margin-top: auto;
padding-top: 1rem; padding-top: 1rem;
border-top: 1px solid var(--border-color, #e5dfd5); border-top: 1px solid var(--border-color, #e5dfd5);
text-align: center; text-align: center;