diff --git a/app/Resources/static/themes/material/css/article.scss b/app/Resources/static/themes/material/css/article.scss index 83543c9c8..fd249b4bb 100644 --- a/app/Resources/static/themes/material/css/article.scss +++ b/app/Resources/static/themes/material/css/article.scss @@ -133,18 +133,20 @@ } .tags { - float: right; - margin: 5px 15px 10px; + display: flex; + margin: 0; + align-items: center; + gap: 5px; } } .chip { - background-color: #9e9e9e; - padding: 0 15px 0 10px; - margin: auto 2px; - border-radius: 6px; + display: flex; + margin: 0; + padding: 0; height: 18px; line-height: 18px; + background-color: transparent; a, i { @@ -152,12 +154,23 @@ } i.material-icons { - float: right; font-size: 16px; line-height: 18px; - padding-left: 8px; } } + + .chip-label { + padding-left: 10px; + padding-right: 5px; + background-color: #9e9e9e; + border-radius: 6px 0 0 6px; + } + + .chip-action { + padding: 0 5px; + background-color: #868686; + border-radius: 0 6px 6px 0; + } } } diff --git a/app/Resources/static/themes/material/css/dark_theme.scss b/app/Resources/static/themes/material/css/dark_theme.scss index b4a449dbe..f3eaabc25 100644 --- a/app/Resources/static/themes/material/css/dark_theme.scss +++ b/app/Resources/static/themes/material/css/dark_theme.scss @@ -81,10 +81,6 @@ color: #dfdfdf !important; } - #article .chip { - background-color: #373737; - } - .side-nav li.active { background-color: #2f2f2f; } diff --git a/src/Wallabag/CoreBundle/Resources/views/Entry/_tags.html.twig b/src/Wallabag/CoreBundle/Resources/views/Entry/_tags.html.twig index 2c39028bf..800d3ca2f 100644 --- a/src/Wallabag/CoreBundle/Resources/views/Entry/_tags.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/Entry/_tags.html.twig @@ -2,9 +2,9 @@