From 4128f36f5209ca7b175419c1fda9895a5b895025 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 15 Jan 2018 22:51:16 -0500
Subject: [PATCH] UX: Tag alignment and size in topic titles

---
 app/assets/stylesheets/common/base/tagging.scss | 17 ++++-------------
 .../stylesheets/common/components/badges.scss   | 12 ++++--------
 2 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss
index 9d2eb2cec40..fae04944d71 100644
--- a/app/assets/stylesheets/common/base/tagging.scss
+++ b/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;
 }
 
diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index 21db163f127..f78542e0199 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/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;