FIX: makes tag-{info,list} more specific to avoid styling other elements (#8902)

app/assets/javascripts/discourse/components/tag-list.js.es6

@@ -4,7 +4,12 @@ import Component from "@ember/component";
 import Category from "discourse/models/category";
 
 export default Component.extend({
-  classNameBindings: [":tag-list", "categoryClass", "tagGroupNameClass"],
+  classNameBindings: [
+    ":tags-list",
+    ":tag-list",
+    "categoryClass",
+    "tagGroupNameClass"
+  ],
 
   isPrivateMessage: false,
   sortedTags: sort("tags", "sortProperties"),

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

@@ -3,17 +3,17 @@
   margin-top: 3px;
 }
 
-.tag-list {
+.tags-list {
   margin-top: 2em;
   padding-bottom: 1em;
   border-bottom: 1px solid $primary-low;
 }
 
-#list-area .tag-list h3 {
+#list-area .tags-list h3 {
   margin-bottom: 20px;
 }
 
-.tag-list .tag-box {
+.tags-list .tag-box {
   display: inline-block;
   width: 300px;
   margin-bottom: 1em;
@@ -269,7 +269,7 @@ header .discourse-tag {
   }
 }
 
-.tag-info {
+section.tag-info {
   margin: 1em 0;
   padding: 2em;
   border: 1px solid $primary-low;