#756 ticket.sale-tracking scss fixes

client/core/src/components/fetched-tags/index.html

@@ -1,11 +1,11 @@
 <vn-horizontal>
     <vn-one>{{::$ctrl.concept}}</vn-one>
-    <vn-one>   
+    <vn-auto>  
         <section 
             class="inline-tag ellipsize" ng-class="{'empty': !fetchedTag.value}" 
             ng-repeat="fetchedTag in $ctrl.tags track by $index" 
             vn-tooltip="{{::fetchedTag.tag.name}}: {{::fetchedTag.value}}">
             {{::fetchedTag.value}}
         </section>
-    </vn-one>
+    </vn-auto>
 </vn-horizontal>

client/core/src/components/fetched-tags/style.scss

@@ -22,7 +22,7 @@ vn-fetched-tags {
         }
     }
 
-    @media screen and (max-width: 1200px){
+    @media screen and (max-width: 1200px) {
         & vn-horizontal {
             .inline-tag {
                 font-size: 0.6em;
@@ -31,9 +31,15 @@ vn-fetched-tags {
         }
     }
 
+    & vn-horizontal {
+        flex-direction: column;
+        text-align: center;
+    }
     
     & vn-one {
+        white-space: nowrap;
         padding-top: 0.2em
+
     }
 
     & vn-two {
@@ -43,6 +49,7 @@ vn-fetched-tags {
     & .inline-tag {
         background-color: $secondary-font-color;
         display: inline-block;
+        float: none;
         color: $color-white;
         margin-right: 0.4em;
         text-align: center;

client/ticket/src/component/style.scss

@@ -1,16 +1,4 @@
 vn-ticket-components {
-    vn-fetched-tags {
-        & vn-horizontal {
-            flex-direction: column;
-            text-align: center;
-
-            & .inline-tag {
-                display: inline-block;
-                float: none
-            }
-        }
-    }
-    
     .vn-grid {
         tbody:not(:last-child) {
             border-bottom: none;