diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss index 84b7aeac1ce..70e9a1bc347 100644 --- a/app/assets/stylesheets/common/base/topic-post.scss +++ b/app/assets/stylesheets/common/base/topic-post.scss @@ -321,6 +321,8 @@ blockquote > *:last-child { } .small-action { + max-width: 755px; + border-top: 1px solid $primary-low; .topic-avatar { padding: 5px 0 3px; border-top: none; @@ -332,10 +334,15 @@ blockquote > *:last-child { color: dark-light-choose($primary-low-mid, $secondary-high); } } + + .small-action.deleted { + background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); + } .small-action-desc.timegap { color: dark-light-choose($primary-medium, $secondary-high); } + .small-action-desc { padding: 0.25em 0 0.5em 4.3em; margin-top: 6px; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index a85d624486b..f36bfcf05a2 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -660,15 +660,6 @@ $topic-avatar-width: 45px; width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding}); } -.small-action { - max-width: 755px; - border-top: 1px solid $primary-low; -} - -.small-action.deleted { - background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); -} - /* hide the reply border above the time gap notices */ .time-gap + .topic-post .topic-body, .time-gap + .topic-post .topic-avatar { diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index 57d23027496..ab1312fa26e 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -1,27 +1,3 @@ -.gap { - /* may not need this */ -} - -.small-action { - border-top: 1px solid $primary-low; - color: lighten($primary, 50%); - padding-bottom: 3px; - text-transform: uppercase; - font-weight: bold; - - .topic-avatar { - margin-top: 5px; - } - - .small-action-desc { - padding-top: 1em; - - button { - padding-top: 0px; - } - } -} - /* hide the reply border above the time gap notices */ .time-gap + .topic-post article { border-top: none; @@ -36,7 +12,6 @@ padding-bottom: 30px; } - span.badge-posts { margin-right: 5px; }