More actions
No edit summary |
No edit summary |
||
| Line 702: | Line 702: | ||
.mainpage-wrapper .link-grid { | .mainpage-wrapper .link-grid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 1em; | gap: 1em; | ||
justify-content: flex-start; | |||
} | } | ||
.mainpage-wrapper .link-tile { | .mainpage-wrapper .link-tile { | ||
flex: | flex: 0 0 auto; /* Prevent flex resizing */ | ||
width: 120px; /* Fixed width */ | |||
height: 120px; /* Fixed height to match width */ | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
text-align: center; | |||
padding: 1em; | padding: 1em; | ||
box-sizing: border-box; | |||
color: var(--color-emphasized); | color: var(--color-emphasized); | ||
background-color: var(--color-surface-2); | background-color: var(--color-surface-2); | ||
border: var(--border-width-base) solid var(--border-color-base); | border: var(--border-width-base) solid var(--border-color-base); | ||
} | } | ||