Merge pull request #5302 from awesomerobot/master

bringing mobile topic statuses to parity with desktop

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;

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 {

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;
 }