chore: better CSS for tags in maps list

Co-authored-by: David Larlet <david@larlet.fr>
This commit is contained in:
Yohan Boniface 2025-04-03 17:51:37 +02:00
parent 80a969917a
commit 8c90535105

View file

@ -186,13 +186,25 @@ h2.tabs a:hover {
.tag-list { .tag-list {
margin-top: var(--text-margin); margin-top: var(--text-margin);
margin-bottom: var(--text-margin); margin-bottom: var(--text-margin);
display: flex;
flex-wrap: wrap;
gap: calc(var(--gutter) / 2 );
justify-content: center;
} }
.tag-list li { .tag-list li {
border: 1px solid var(--color-darkCyan); border: 1px solid var(--color-darkBlue);
border-radius: 3vmin; border-radius: 3vmin;
display: inline-block; display: inline-block;
padding: var(--button-padding-small); padding: var(--button-padding-small);
}
.tag-list li a {
color: var(--color-darkBlue);
max-width: 125px;
display: inline-block;
overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
} }
/* **************************** */ /* **************************** */