Fix missing margin between colored and emoji tags

In the item tree, emojis are spaced 4px apart, but there was no space
between the colored circles and the first emoji, making it look crowded.
This commit is contained in:
Tom Najdek 2024-08-08 18:03:24 +02:00
parent 7f21da9334
commit 083ad9ee05
No known key found for this signature in database
GPG key ID: EEC61A7B4C667D77

View file

@ -111,20 +111,21 @@
.icon-item-type + .colored-tag-swatches {
margin-left: 4px;
}
.emoji + .emoji,
.emoji + .colored-tag-swatches,
.colored-tag-swatches + .emoji {
margin-left: 4px;
:root:-moz-locale-dir(rtl) & {
margin-left: 0;
margin-right: 4px;
}
}
.tag-swatch {
display: inline-block;
&.emoji + .emoji,
&.emoji + .colored-tag-swatches {
margin-left: 4px;
:root:-moz-locale-dir(rtl) & {
margin-left: 0;
margin-right: 4px;
}
}
&.colored {
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
width: 0.92307692em;