change(tag): set gap on tags element for margin between tag elements

- this way we don't have any extra right margin on the last element
  on a given line
- introduce labels class which reduces the gap between elements useful
  for a tag list that contains labels instead of tags

theme/themes/eea/elements/label.variables

@@ -9,8 +9,8 @@
 @labelFontSize: @fontSize;
 
 @verticalAlign: baseline;
-@verticalMargin: 0em;
-@horizontalMargin: @relative2px;
+@verticalMargin: 0;
+@horizontalMargin: 0;
 @backgroundColor: @grey;
 @color: @white;
 @backgroundImage: none;

theme/themes/eea/extras/tag.variables

@@ -5,7 +5,7 @@
 /* Tags */
 @tagPadding            : @mediumGap 0;
 @tagHeight             : 1.25rem;
-@tagMargin             : 0 @mediumGap 0 0;
+@tagMargin             : 0 0 0 0;
 
 /* Tag Icon */
 @tagHashtagFontSize    : 0.75rem;

theme/themes/eea/extras/tagList.less

@@ -15,17 +15,21 @@
   flex-wrap: wrap;
   width: @tagsBodyWidth;
   line-height: @tagsLineHeight;
+  gap: @tagsGap;
 
   .tags-title {
     text-align: right;
     height: @tagsLineHeight;
     color: @tagsTitleFontColor;
-    margin-right: @tagsTitleMargin;
     font-weight: @tagsFontWeight;
     font-size: @tagsFontSize;
   }
 }
 
+.tags.labels {
+  gap: @tagsLabelsGap;
+}
+
 .tags.left {
   justify-content: left;
 }

theme/themes/eea/extras/tagList.variables

@@ -4,10 +4,11 @@
 
 /* Body */
 @tagsBodyWidth             : 100%;
+@tagsLabelsGap             : 0.5rem;
+@tagsGap                   : 1rem;
 
 /* Tags Title */
 @tagsTitleFontColor        : @textColorCSSVar;
-@tagsTitleMargin           : 1rem;
 @tagsFontWeight            : 400;
 @tagsFontSize              : 1.125rem;
 @tagsLineHeight            : 1.312rem;