UX: style adjustments for post notice feature

2019-03-08 16:02:51 -05:00 · 2019-03-08 16:02:51 -05:00 · c29ff3d2d5
parent 92df6890df
commit c29ff3d2d5
1 changed files with 7 additions and 4 deletions
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@ -867,19 +867,22 @@ a.mention-group {

 .post-notice {
  background-color: $tertiary-low;
-  border-top: 1px solid $primary-low;
  color: $primary;
-  padding: 1em;
+  padding: 0.8em;
  max-width: calc(
    #{$topic-body-width} + #{$topic-avatar-width} - #{$topic-body-width-padding} +
-      3px
+      0.6em
  );

  p {
+    display: flex;
+    align-items: center;
    margin: 0;
  }

  .d-icon {
-    margin-right: 1em;
+    font-size: 2em;
+    color: $primary-high;
+    margin-right: 0.65em;
  }
 }