UX: improve tags spacing (#21585)

app/assets/stylesheets/common/base/_topic-list.scss

@@ -260,7 +260,6 @@
       padding-top: 0;
       padding-bottom: 0;
     }
-    .discourse-tag.simple:after,
     .discourse-tag.box {
       margin-right: 0.25em;
     }

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

@@ -323,13 +323,6 @@
       min-height: 3em; // for situations when there are no categories/tags
     }
 
-    .topic-title {
-      .d-icon {
-        color: var(--text-color);
-        margin: 0;
-      }
-    }
-
     .fancy-title {
       display: inline-block;
       width: 100%;
@@ -342,6 +335,10 @@
       align-items: baseline;
       color: var(--text-color);
       font-size: var(--font-up-1);
+      .d-icon {
+        color: var(--text-color);
+        margin: 0;
+      }
     }
 
     .topic-statuses {

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

@@ -114,7 +114,7 @@
 .list-tags,
 .search-category {
   .discourse-tag.simple:not(:last-child):after {
-    content: ", ";
+    content: ",\00a0";
     margin-left: 1px;
   }
 }
@@ -160,7 +160,7 @@ header .discourse-tag {
 }
 
 #topic-title {
-  .discourse-tags .discourse-tag {
+  .discourse-tags .discourse-tag.box {
     margin-right: 0.35em;
   }
 }