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>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user