Fix the label UI for community field

Author: rakeshAlgo

src/css/labels.css

@@ -15,9 +15,9 @@
   position: relative;
 }
 
-.doc .labels .edition,
-.doc .labels .status,
-.doc .labels .community {
+.doc .edition,
+.doc .status,
+.doc .community {
   max-width: fit-content;
   font-size: var(--labels-font-size);
   font-weight: var(--weight-bold);
@@ -45,9 +45,9 @@
 } */
 
 .doc .labels li,
-.doc .labels .edition,
-.doc .labels .status,
-.doc .labels .community {
+.doc  .edition,
+.doc  .status,
+.doc  .community {
   color: #fff;
   display: inline-block;
   padding: 6px;
@@ -57,58 +57,58 @@
 }
 
 .doc .labels li a,
-.doc .labels .edition a,
-.doc .labels .status a,
-.doc .labels .community a {
+.doc .edition a,
+.doc .status a,
+.doc .community a {
   text-decoration: none;
   font-family: "Source Sans Pro", sans-serif;
 }
 
-.doc .labels .edition *,
-.doc .labels .status * {
+.doc .edition *,
+.doc .status * {
   color: inherit;
 }
 
 /* .doc .labels li.edition {
   background-color: var(--color-brand-light-blue);
 } */
 
-.doc .labels .edition {
+.doc .edition {
   color: var(--color-brand-blue-secondary);
   border: 1px solid var(--color-brand-blue-secondary);
   border-radius: 3px;
   opacity: 0.6;
 }
 
-.doc .labels .status {
+.doc .status {
   color: var(--color-brand-caution);
   border: 1px solid var(--color-brand-caution);
   border-radius: 3px;
   opacity: 0.6;
 }
 
-.doc .labels .community {
+.doc .community {
   color: #999;
   border: 1px solid #999;
   border-radius: 3px;
   opacity: 0.6;
 }
 
-.doc .labels .edition a {
+.doc .edition a {
   color: var(--color-brand-blue-secondary);
 }
 
-.doc .labels .status a {
+.doc .status a {
   color: var(--color-brand-caution);
 }
 
-.doc .labels .community a {
+.doc .community a {
   color: #999;
 }
 
-.doc .labels .edition:hover,
-.doc .labels .status:hover,
-.doc .labels .community:hover {
+.doc .edition:hover,
+.doc .status:hover,
+.doc .community:hover {
   opacity: 1;
 }