From 05c667e6d3c30095e4f2e61811aeff790d3a37cc Mon Sep 17 00:00:00 2001
From: Tudor <tudor.sitaru@gmail.com>
Date: Tue, 3 Feb 2026 14:55:01 +0000
Subject: [PATCH] Fix latestValue block to stick to bottom of school cards

- 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>
---
 nextjs-app/components/ComparisonView.module.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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