refactor(consumption): client consuption now shows item.subName

modules/client/front/consumption/index.html

@@ -65,10 +65,12 @@
                     </vn-td>
                     <vn-td expand>{{::sale.shipped | date: 'dd/MM/yyyy'}}</vn-td>
                     <vn-td vn-fetched-tags wide>
+                        <div>
                             <vn-one title="{{::sale.concept}}">{{::sale.concept}}</vn-one>
                             <vn-one ng-if="::sale.subName">
                                 <h3 title="{{::sale.subName}}">{{::sale.subName}}</h3>
                             </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="::sale"

modules/client/front/consumption/index.js

@@ -1,5 +1,6 @@
 import ngModule from '../module';
 import Section from 'salix/components/section';
+import './style.scss';
 
 class Controller extends Section {
     constructor($element, $, vnReport, vnEmail) {

modules/client/front/consumption/style.scss

@@ -0,0 +1,22 @@
+@import "variables";
+
+vn-client-consumption {
+    vn-td[vn-fetched-tags] {
+        & div {
+            display: flex;
+            flex-wrap: wrap;
+
+            & vn-one {
+                min-width: 200px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+            & vn-one h3 {
+                color: $color-font-secondary;
+                text-transform: uppercase;
+                line-height: initial;
+                font-size: 0.75rem
+            }
+        }
+    }
+}