FIX: spacing and alignment of title, category, tags, and featured links in topic page heading on mobile and desktop

app/assets/stylesheets/common/base/tagging.scss

@@ -32,6 +32,21 @@
   animation: fadein .7s;
 }
 
+.bullet + .topic-header-extra {
+  display: block;
+  line-height: 12px;
+}
+
+.bar + .topic-header-extra {
+  line-height: 1.25;
+}
+
+.box + .topic-header-extra {
+  display: inline-block;
+  margin: 0 0 0 5px;
+  padding-top: 5px;
+}
+
 .add-tags .select2 {
   margin: 0;
 }

app/assets/stylesheets/common/base/topic.scss

@@ -31,6 +31,7 @@
 
     .badge-wrapper {
       float: left;
+      margin-right: 12px;
     }
 
     a.topic-featured-link {
@@ -38,6 +39,10 @@
     }
   }
 
+  h1 {
+    margin: 0 0 4px 0;
+  }
+
   a.badge-category {
     margin-top: 5px;
   }

app/assets/stylesheets/desktop/topic-post.scss

@@ -530,21 +530,6 @@ video {
   }
 }
 
-.bullet + .topic-header-extra {
-  display: block;
-  line-height: 12px;
-}
-
-.bar + .topic-header-extra {
-  line-height: 1.25;
-}
-
-.box + .topic-header-extra {
-  display: inline-block;
-  margin: 0 0 0 5px;
-  padding-top: 5px;
-}
-
 /* default docked header CSS for all topics, including those without categories */
 .extra-info {
   h1 {

app/assets/stylesheets/desktop/topic.scss

@@ -38,7 +38,6 @@
   }
   h1 {
     font-size: 1.8em;
-    margin: 0;
     line-height: 1.2em;
     overflow: hidden;
     a {color: $primary;}

app/assets/stylesheets/mobile/topic.scss

@@ -19,7 +19,6 @@
   h1 {
     font-size: 1.5em;
     line-height: 1.25em;
-    margin: 0;
     a {
       color: $primary;
       vertical-align: middle;