responsive fetched-tags

client/ticket/src/fetched-tags/index.html

@@ -1,6 +1,6 @@
-<vn-horizontal style="vertical-align:middle;">
+<vn-horizontal>
     <vn-one>{{::$ctrl.sale.concept}}</vn-one>
-    <vn-two>   
+    <vn-two class="ellipsize">   
         <section 
             class="inline-tag ellipsize" ng-class="{'empty': !fetchedTag.value}" 
             ng-repeat="fetchedTag in $ctrl.sale.item.tags track by $index" 

client/ticket/src/fetched-tags/style.scss

@@ -6,37 +6,31 @@ vn-fetched-tags {
             flex-direction: column;
             text-align: center;
 
-            & .inline-tag {
-                display: inline-block;
-                float: none
-            }
+            & vn-two {
+                text-align: center;
+                max-width: 10.5em;
+                margin: 0 auto
+            } 
         }
     }
     
-    & vn-one:first-child {
-        padding-top: 0.36em
+    & vn-one {
+        padding-top: 6px
     }
 
     & .inline-tag {
         background-color: $secondary-font-color;
-        margin: 0.4em 0.4em 0 0;
+        display: inline-block;
         color: $color-white;
+        margin-right: 0.4em;
         text-align: center;
         font-size: 0.8em;
         height: 1.25em;
         padding: 0.4em;
-        float: left;
         width: 5em
     }
 
     & .inline-tag.empty {
         background-color: $main-bg
     }
-
-    & .inline-tag.empty:after {
-        overflow: hidden;
-        display: block;
-        content: ' ';
-        clear: both
-    }
 }