diff --git a/styles/apps/ArtistApp.css b/styles/apps/ArtistApp.css index 562b6fa..24061da 100644 --- a/styles/apps/ArtistApp.css +++ b/styles/apps/ArtistApp.css @@ -1,27 +1,9 @@ .token-browser.ArtistApp { - ul { - display: flex; - flex-flow: row wrap; - gap: 8px; - - li { - display: flex; - flex-direction: row; - align-items: center; - gap: 4px; - padding: 2px 4px; - background: var(--content-link-background); - color: var(--content-link-text-color); - border: 1px solid var(--content-link-border-color); - border-radius: 4px; - - button { - padding: 0; - border: none; - min-height: 0; - height: 1rem; - width: 1rem; - } - } + ul li button { + padding: 0; + border: none; + min-height: 0; + height: 1rem; + width: 1rem; } } diff --git a/styles/elements/lists.css b/styles/elements/lists.css index a957d0a..2056025 100644 --- a/styles/elements/lists.css +++ b/styles/elements/lists.css @@ -4,4 +4,22 @@ padding: 0; list-style: none; } + + .chip-list { + display: flex; + flex-flow: row wrap; + gap: 2px; + + & > li { + display: flex; + flex-direction: row; + align-items: center; + gap: 4px; + padding: 2px 4px; + background: var(--content-link-background); + color: var(--content-link-text-color); + border: 1px solid var(--content-link-border-color); + border-radius: 4px; + } + } } diff --git a/templates/ArtistApp/linkList.hbs b/templates/ArtistApp/linkList.hbs index ad67844..4977e8d 100644 --- a/templates/ArtistApp/linkList.hbs +++ b/templates/ArtistApp/linkList.hbs @@ -11,7 +11,7 @@ + -