UX: Tag alignment and size in topic titles

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

@@ -35,18 +35,10 @@
 .bullet + .topic-header-extra {
   display: block;
   line-height: $line-height-medium;
-  font-size: $font-down-1;
-  .list-tags { font-size: $font-0; }
-}
-
-.bar + .topic-header-extra {
-  line-height: $line-height-medium;
 }
 
 .box + .topic-header-extra {
   display: inline-block;
-  margin: 0 0 0 5px;
-  padding-top: 5px;
 }
 
 .topic-category {
@@ -55,12 +47,9 @@
   .topic-header-extra {
     display: inline-block;
     vertical-align: baseline;
-    margin: .1em 0 0 0;
   }
 
   .badge-wrapper {
-    display: inline-block;
-    vertical-align: baseline;
     margin-top: 0;
 
     &.bullet .badge-category {
@@ -133,7 +122,10 @@ $tag-color: $primary-medium;
 
 .d-header .topic-header-extra {
   display: inline-block;
-  .discourse-tags { display: inline-block; }
+  .discourse-tags { 
+    display: inline-block; 
+    font-size: $font-down-1;        
+  }
   .topic-featured-link { margin-left: 8px; }
 }
 
@@ -193,7 +185,6 @@ header .discourse-tag {color: $tag-color }
 
 .list-tags {
   margin-right: 3px;
-  display: inline;
   font-size: $font-down-1;
 }
 

app/assets/stylesheets/common/components/badges.scss

@@ -67,6 +67,10 @@
     align-items: center;
     margin-right: 5px;
 
+    .extra-info-wrapper & {
+      margin-top: .25em;                      
+    }
+    
     span.badge-category {
       color: $primary;
       overflow: hidden;
@@ -108,9 +112,7 @@
 
   &.box {  //box category style (apply custom widths to the wrapper, not the children)
     line-height: $line-height-large;
-    margin-top: 5px;
     margin-right: 5px;
-    padding: 2px;
 
     span {
       overflow: hidden;
@@ -142,12 +144,6 @@
   }
 }
 
-.extra-info-wrapper .title-wrapper {
-  .badge-wrapper {
-    margin-top: 3px;
-  }
-}
-
 .autocomplete, td.category {
   .badge-wrapper {
     max-width: 230px;