diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss index 4f3e940b3e8..e1a40bd2c9d 100644 --- a/app/assets/stylesheets/desktop/topic-list.scss +++ b/app/assets/stylesheets/desktop/topic-list.scss @@ -107,12 +107,12 @@ min-width: 80px; } .posters { - min-width: 150px; + // we know there are up to 5 avatars of fixed size + // will be overridden by media width queries on narrow displays to 1 avatar's width + width: 145px; + min-width: 145px; } - .participants { - min-width: 85px; - } - .posters, .participants { + .posters { > a { float: left; margin-right: 4px; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index a889c97026d..89c505f358f 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -349,11 +349,6 @@ a.star { line-height: 15px; } - p, - .participants { - margin: 0 0 7px; - } - ul { margin: 0; list-style: none; diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index c605a3f2dc6..962691d38dc 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -171,11 +171,6 @@ a.star { line-height: 15px; } - p, - .participants { - margin: 0 0 7px; - } - .user { float: left; margin-right: 10px;