diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss index 9d2eb2cec40..fae04944d71 100644 --- a/app/assets/stylesheets/common/base/tagging.scss +++ b/app/assets/stylesheets/common/base/tagging.scss @@ -35,18 +35,10 @@ .bullet + .topic-header-extra { display: block; line-height: $line-height-medium; - font-size: $font-down-1; - .list-tags { font-size: $font-0; } -} - -.bar + .topic-header-extra { - line-height: $line-height-medium; } .box + .topic-header-extra { display: inline-block; - margin: 0 0 0 5px; - padding-top: 5px; } .topic-category { @@ -55,12 +47,9 @@ .topic-header-extra { display: inline-block; vertical-align: baseline; - margin: .1em 0 0 0; } .badge-wrapper { - display: inline-block; - vertical-align: baseline; margin-top: 0; &.bullet .badge-category { @@ -133,7 +122,10 @@ $tag-color: $primary-medium; .d-header .topic-header-extra { display: inline-block; - .discourse-tags { display: inline-block; } + .discourse-tags { + display: inline-block; + font-size: $font-down-1; + } .topic-featured-link { margin-left: 8px; } } @@ -193,7 +185,6 @@ header .discourse-tag {color: $tag-color } .list-tags { margin-right: 3px; - display: inline; font-size: $font-down-1; } diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss index 21db163f127..f78542e0199 100644 --- a/app/assets/stylesheets/common/components/badges.scss +++ b/app/assets/stylesheets/common/components/badges.scss @@ -67,6 +67,10 @@ align-items: center; margin-right: 5px; + .extra-info-wrapper & { + margin-top: .25em; + } + span.badge-category { color: $primary; overflow: hidden; @@ -108,9 +112,7 @@ &.box { //box category style (apply custom widths to the wrapper, not the children) line-height: $line-height-large; - margin-top: 5px; margin-right: 5px; - padding: 2px; span { overflow: hidden; @@ -142,12 +144,6 @@ } } -.extra-info-wrapper .title-wrapper { - .badge-wrapper { - margin-top: 3px; - } -} - .autocomplete, td.category { .badge-wrapper { max-width: 230px;