diff --git a/assets/styles/root.css b/assets/styles/root.css index 95ff6d0..e512e8b 100644 --- a/assets/styles/root.css +++ b/assets/styles/root.css @@ -586,13 +586,14 @@ header > span.series::before { padding: 0 0.5rem; } -footer > .tags { +ul.tags { display: flex; + height: min-content; margin-inline-start: 0; padding-inline-start: 0; } -footer > .tags > li { +ul.tags > li { background-color: var(--tag-background-color); color: var(--tag-foreground-color); border-radius: 4px; @@ -601,15 +602,15 @@ footer > .tags > li { letter-spacing: 1px; } -footer > .tags > li:first-child { +ul.tags > li:first-child { margin-inline-start: 0; } -footer > .tags > li:hover { +ul.tags > li:hover { background-color: var(--tag-hover-background-color); } -footer > .tags > li > a { +ul.tags > li > a { color: inherit; display: block; height: 100%; @@ -617,15 +618,15 @@ footer > .tags > li > a { padding: 0.6rem 1rem; } -footer > .tags > li > a:hover { +ul.tags > li > a:hover { color: var(--tag-hover-foreground-color); text-decoration: none; } -footer > .tags > li + li { margin-inline-start: 1rem; } -footer > .tags > li.chevron + li { margin-inline-start: 0 } +ul.tags > li + li { margin-inline-start: 1rem; } +ul.tags > li.chevron + li { margin-inline-start: 0 } -footer > .tags > .chevron { +ul.tags > .chevron { align-items: center; border: 0; border-radius: 0; @@ -638,7 +639,7 @@ footer > .tags > .chevron { width: 2rem; } -footer > .tags > .chevron:hover { +ul.tags > .chevron:hover { color: var(--tag-spacer-foreground-color); background-color: inherit; }