diff --git a/assets/style.css b/assets/style.css index 24fdbd3..1fc7f05 100644 --- a/assets/style.css +++ b/assets/style.css @@ -126,6 +126,10 @@ body::after { backdrop-filter: blur(16px); } +.card + .card { + margin-top: 1.5rem; +} + .card-header { display: flex; flex-direction: column; @@ -160,7 +164,7 @@ body::after { } .sub-card-content { - padding: 1rem; + padding: 1.25rem; } /* Header Card */ @@ -206,11 +210,17 @@ body::after { display: flex; flex-direction: column; gap: 0.75rem; - padding: 1rem; + padding: 1.25rem; background: hsl(var(--secondary)); border-radius: var(--radius); } +.stat-item .icon { + width: 1.5rem; + height: 1.5rem; + color: hsl(var(--primary)); +} + .stat-label { font-size: 0.875rem; font-weight: 500; @@ -269,12 +279,14 @@ body::after { .info-value { font-size: 0.875rem; color: hsl(var(--card-foreground)); + padding-left: 1.75rem; } .info-link { color: hsl(var(--primary)); text-decoration: none; font-size: 0.875rem; + padding-left: 1.75rem; } .info-link:hover { @@ -289,11 +301,17 @@ body::after { flex-shrink: 0; } +.info-header .icon { + position: absolute; + margin-left: 0.25rem; +} + /* Badge List */ .badge-list { display: flex; flex-wrap: wrap; gap: 0.5rem; + padding-left: 1.75rem; } /* Badges and Tags */ diff --git a/index.html b/index.html index e64f9e4..ed162e4 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@