From 4085c40e50a4c567238b286c44cb3cedd3561e14 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Tue, 15 Aug 2017 13:17:15 -0400
Subject: [PATCH] Minor CSS changes

---
 .../stylesheets/desktop/topic-post.scss       | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 65dc9fc6d8e..5a05da205b1 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -437,24 +437,38 @@ a.star {
   }
 }
 
+@mixin topic-footer-buttons-text {
+  line-height: 32px;
+  color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
+}
+
+@mixin topic-footer-button {
+  margin-bottom: 5px;
+  margin-right: 10px;
+}
+
 #topic-footer-buttons {
   padding: 10px 10px 0 0;
   float: left;
   p {
-    line-height: 32px;
-    color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
+    @include topic-footer-buttons-text;
   }
   .btn {
-    margin-bottom: 5px;
-    margin-right: 10px;
+    @include topic-footer-button;
     .d-icon-bookmark.bookmarked { color: $tertiary; }
   }
 
   .bookmark.bookmarked .d-icon-bookmark {
     color: $tertiary;
   }
+}
 
+.topic-notifications-container {
+  .btn {
+    @include topic-footer-button;
+  }
   .notification-options p {
+    @include topic-footer-buttons-text;
     display: inline-block;
   }
 }