diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss index a4f1bdc34b..f719c2572a 100644 --- a/app/assets/stylesheets/common/base/topic.scss +++ b/app/assets/stylesheets/common/base/topic.scss @@ -111,9 +111,6 @@ a.badge-category { #edit-title { flex: 1 1 auto; } - .private-message-glyph { - margin: 5px 5px 0 0; - } .category-chooser, .mini-tag-chooser { flex: 1 1 49%; @@ -131,20 +128,30 @@ a.badge-category { } } -.private-message-glyph { - color: dark-light-choose($primary-low-mid, $secondary-high); - margin-right: 5px; -} - -.archetype-private_message #topic-title .edit-topic-title .tag-chooser { - margin-left: 19px; -} - .private_message { #topic-title { + .private-message-glyph { + display: inline-block; + color: dark-light-choose($primary-low-mid, $secondary-high); + } .edit-topic-title { + position: relative; + .private-message-glyph { + position: absolute; + left: 0.75em; + top: 5px; + } #edit-title { width: calc(100% - 50px); + padding-left: 2.25em; + } + .mini-tag-chooser { + margin-left: 0; + @include breakpoint(mobile-large, min-width) { + .selected-name { + max-width: 500px; + } + } } } } diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss index 279960bf07..a46b5eb48f 100644 --- a/app/assets/stylesheets/desktop/topic.scss +++ b/app/assets/stylesheets/desktop/topic.scss @@ -44,14 +44,6 @@ } } -.private-message-glyph { - float: left; -} - -.private_message #topic-title .private-message-glyph { - display: inline; -} - .topic-error, .topic-notice { padding: 18px; diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss index c1367e3454..42cddb00bc 100644 --- a/app/assets/stylesheets/mobile/topic.scss +++ b/app/assets/stylesheets/mobile/topic.scss @@ -26,13 +26,6 @@ .title-category-wrapper { margin-top: 5px; } - .private-message-glyph { - display: none; - } -} - -.private_message #topic-title .private-message-glyph { - display: inline; } .topic-status-info {