Fix dashboard tool cards min-height — cards were collapsing to ~100px

Restored min-height:200px + display:flex on .dashboard-tool-card in CSS,
and removed the conflicting min-height:0 inline overrides on each card div.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-24 16:33:29 +02:00
parent 897771597e
commit f609da6ad7
2 changed files with 70 additions and 165 deletions
+7 -31
View File
@@ -240,14 +240,17 @@ body {
.dashboard-tool-card {
position: relative;
min-height: 250px;
padding: 22px;
display: flex;
flex-direction: column;
padding: 18px 20px;
border: 1px solid var(--dbn-line);
border-radius: 8px;
background: rgba(255, 255, 255, 0.82);
color: var(--dbn-ink);
text-decoration: none;
overflow: hidden;
min-height: 200px;
cursor: pointer;
}
.dashboard-tool-card:hover {
@@ -255,37 +258,13 @@ body {
border-color: rgba(186, 12, 47, 0.36);
}
.dashboard-tool-card__icon {
color: rgba(0, 32, 91, 0.14);
font-size: 4.8rem;
font-weight: 900;
line-height: 1;
}
.dashboard-tool-card__badge {
position: absolute;
top: 20px;
right: 18px;
color: var(--dbn-red);
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
}
.dashboard-tool-card h2 {
margin: 12px 0 8px;
font-size: 1.45rem;
}
.dashboard-tool-card p {
color: #514b43;
line-height: 1.48;
}
.dashboard-tool-card strong {
position: absolute;
bottom: 20px;
color: var(--dbn-blue);
.dashboard-tool-card--workbench {
border-color: rgba(0, 32, 91, 0.2);
}
.dbn-public-tools {
@@ -466,9 +445,6 @@ body {
grid-template-columns: 1fr;
}
.dashboard-tool-card {
min-height: 220px;
}
}
* {