Merge pull request #1571 from Timo-Breumelhof/feature/1568-subscribe-button

FIX: subscribe button styling

Author: johnhenley

Dnn.CommunityForums/module.css

@@ -1438,7 +1438,6 @@ div.dcf-mod-edit-wrap {
 /* subscription pager */
 
 .dcf-pager * {
-	font-size: 14px;
 	display: inline-block;
 	text-align: center;
 	color: #000;

Dnn.CommunityForums/themes/community-bootstrap/_src/scss/_variables.scss

@@ -7,6 +7,7 @@ $spacer-xs: (0.25 * $spacer);
 $spacer-sm: (0.25 * $spacer);
 $spacer-md: (0.75 * $spacer);
 
+
 $grey-300: #ddd;
 $grey-500: #aaa;
 $grey-700: #888;

Dnn.CommunityForums/themes/community-bootstrap/_src/scss/parts/_bootstrap.scss

@@ -9,4 +9,9 @@
     thead th{
         border-bottom-width: 1px !important
     }
+}
+
+// Faalback for Bootstrap4
+.gap-1{
+    gap: $spacer-sm;
 }

Dnn.CommunityForums/themes/community-bootstrap/_src/scss/parts/_pager.scss

@@ -1,12 +1,17 @@
 .afpager{
+
     td{
 
         padding: $spacer-sm;
     }
 
     .af_pager{
 
-        padding: $spacer-sm;
+        padding: $spacer-sm  0 $spacer-sm $spacer-sm;
+        &:after{
+
+        content: " / "
+        }
 
     }
 }

Dnn.CommunityForums/themes/community-bootstrap/_src/scss/parts/_topic-view.scss

@@ -86,9 +86,11 @@
         cursor:pointer;
     }
 
+    .dcf-subscribe-topic{
+        padding: 0;
+    }
 
-
-    .dcf-quick-reply {
+       .dcf-quick-reply {
         .dcf-subscribe{
             .amaf-chk-subs{
                 margin-right: $spacer-xs;

Dnn.CommunityForums/themes/community-bootstrap/templates/TopicView.ascx

@@ -152,9 +152,9 @@
 		</div>
     </div>
 
-    <div class="dcf-tools dcf-tools-bottom">
+    <div class="dcf-tools dcf-tools-bottom d-flex align-items-top gap-1">
         <div class="dcf-button-reply">[ADDREPLY]</div>
-        <div class="dcf-subscribe-topic">[TOPICSUBSCRIBE]</div>
+        <div class="dcf-subscribe-topic flex-grow-1">[TOPICSUBSCRIBE]</div>
        	<div class="dcf-pager">[PAGER2]</div>
     </div>