From c971d3ee01ae5a4b4bd992dd65ea19a31f12a788 Mon Sep 17 00:00:00 2001
From: carlosjr <carlosjr@verdnatura.es>
Date: Wed, 22 Sep 2021 15:13:29 +0200
Subject: [PATCH 1/5] refactor(consumption): client consuption now shows
 item.subName

---
 modules/client/front/consumption/index.html | 10 ++++++----
 modules/client/front/consumption/index.js   |  1 +
 modules/client/front/consumption/style.scss | 22 +++++++++++++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 modules/client/front/consumption/style.scss

diff --git a/modules/client/front/consumption/index.html b/modules/client/front/consumption/index.html
index 146565954..510960457 100644
--- a/modules/client/front/consumption/index.html
+++ b/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>
-                        <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-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"
diff --git a/modules/client/front/consumption/index.js b/modules/client/front/consumption/index.js
index 7017fed41..a8897d915 100644
--- a/modules/client/front/consumption/index.js
+++ b/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) {
diff --git a/modules/client/front/consumption/style.scss b/modules/client/front/consumption/style.scss
new file mode 100644
index 000000000..02a5dfff4
--- /dev/null
+++ b/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
+            }
+        }
+    }
+}

From 23ba5657c5f4e541c79389e5f8e6ba32f98b5887 Mon Sep 17 00:00:00 2001
From: carlosjr <carlosjr@verdnatura.es>
Date: Wed, 22 Sep 2021 15:14:29 +0200
Subject: [PATCH 2/5] refactor(sales): ticket sales now shows item.subName

---
 .../ticket/back/methods/ticket/getSales.js    |  1 +
 modules/ticket/front/sale/index.html          | 14 ++++++----
 modules/ticket/front/sale/style.scss          | 28 +++++++++----------
 3 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/modules/ticket/back/methods/ticket/getSales.js b/modules/ticket/back/methods/ticket/getSales.js
index c3c7fd860..6dfee5dfa 100644
--- a/modules/ticket/back/methods/ticket/getSales.js
+++ b/modules/ticket/back/methods/ticket/getSales.js
@@ -35,6 +35,7 @@ module.exports = Self => {
                     fields: [
                         'id',
                         'name',
+                        'subName',
                         'itemPackingTypeFk',
                         'tag5',
                         'value5',
diff --git a/modules/ticket/front/sale/index.html b/modules/ticket/front/sale/index.html
index f0fc3aaf3..31d68c8db 100644
--- a/modules/ticket/front/sale/index.html
+++ b/modules/ticket/front/sale/index.html
@@ -157,12 +157,16 @@
                             </vn-input-number>
                         </field>
                     </vn-td-editable>
-                    <vn-td-editable vn-fetched-tags expand disabled="!sale.id || !$ctrl.isEditable">
+                    <vn-td-editable vn-fetched-tags disabled="!sale.id || !$ctrl.isEditable">
                         <text>
-                            <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-one title="{{sale.concept}}">{{sale.concept}}</vn-one>
+                                <vn-one
+                                    ng-if="::sale.item.subName"
+                                    title="{{::sale.item.subName}}">
+                                    <h3>{{::sale.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::sale.item"
diff --git a/modules/ticket/front/sale/style.scss b/modules/ticket/front/sale/style.scss
index 5e89314d6..036410fa7 100644
--- a/modules/ticket/front/sale/style.scss
+++ b/modules/ticket/front/sale/style.scss
@@ -24,20 +24,20 @@ vn-ticket-sale {
         }
     }
     vn-td-editable[vn-fetched-tags] {
-        & text {
-            max-width: 430px;
-            min-width: 150px;
-            & vn-one {
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        
-            & vn-one:nth-child(2) h3 {
-                color: $color-font-secondary;
-                text-transform: uppercase;
-                line-height: initial;
-                font-size: 0.75rem
-            }
+        & div {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        & vn-one {
+            min-width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        & text vn-one:nth-child(2) h3 {
+            color: $color-font-secondary;
+            text-transform: uppercase;
+            line-height: initial;
+            font-size: 0.75rem
         }
     }
 

From 95ff46db09493cfd855ead4d1a7732ca9e1d04ec Mon Sep 17 00:00:00 2001
From: carlosjr <carlosjr@verdnatura.es>
Date: Wed, 22 Sep 2021 15:15:52 +0200
Subject: [PATCH 3/5] refactor(buys): entry buys now show item.subName

---
 modules/entry/back/methods/entry/getBuys.js |  1 +
 modules/entry/front/buy/index/index.html    |  7 ++++++-
 modules/entry/front/buy/index/style.scss    | 19 +++++++++++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/modules/entry/back/methods/entry/getBuys.js b/modules/entry/back/methods/entry/getBuys.js
index 0f09f06d5..8adcc950d 100644
--- a/modules/entry/back/methods/entry/getBuys.js
+++ b/modules/entry/back/methods/entry/getBuys.js
@@ -56,6 +56,7 @@ module.exports = Self => {
                         'id',
                         'typeFk',
                         'name',
+                        'subName',
                         'size',
                         'minPrice',
                         'tag5',
diff --git a/modules/entry/front/buy/index/index.html b/modules/entry/front/buy/index/index.html
index 1e1a7ecd2..dbe43c467 100644
--- a/modules/entry/front/buy/index/index.html
+++ b/modules/entry/front/buy/index/index.html
@@ -172,7 +172,12 @@
                             </span>
                         </td>
                         <td vn-fetched-tags colspan="8">
-                            <vn-one title="{{::buy.item.name}}">{{::buy.item.name}}</vn-one>
+                            <div>
+                                <vn-one title="{{::buy.item.concept}}">{{::buy.item.name}}</vn-one>
+                                <vn-one ng-if="::buy.item.subName">
+                                    <h3 title="{{::buy.item.subName}}">{{::buy.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::buy.item"
diff --git a/modules/entry/front/buy/index/style.scss b/modules/entry/front/buy/index/style.scss
index 55df72f1c..942dba0fc 100644
--- a/modules/entry/front/buy/index/style.scss
+++ b/modules/entry/front/buy/index/style.scss
@@ -38,6 +38,25 @@ vn-entry-buy-index vn-card {
     tr {
         margin-bottom: 10px;
     }
+
+    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
+            }
+        }
+    }
 }
 
 $color-font-link-medium: lighten($color-font-link, 20%)
\ No newline at end of file

From f74d2cc3023a09a1d3cd7bde0bbf09386add488b Mon Sep 17 00:00:00 2001
From: carlosjr <carlosjr@verdnatura.es>
Date: Wed, 22 Sep 2021 15:16:45 +0200
Subject: [PATCH 4/5] test(tags): moved code used on a single test to the
 correct place

---
 modules/item/front/tags/index.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/item/front/tags/index.spec.js b/modules/item/front/tags/index.spec.js
index 34a9ce143..8b4b8596b 100644
--- a/modules/item/front/tags/index.spec.js
+++ b/modules/item/front/tags/index.spec.js
@@ -11,13 +11,13 @@ describe('Item', () => {
         beforeEach(inject(($componentController, $rootScope) => {
             $scope = $rootScope.$new();
             $scope.model = crudModel;
-            $scope.model.data = [{priority: 1}, {priority: 2}, {priority: 1}];
             const $element = angular.element('<vn-item-tags></vn-item-tags>');
             controller = $componentController('vnItemTags', {$element, $scope});
         }));
 
         describe('getHighestPriority', () => {
             it('should return the highest priority value + 1 from the array', () => {
+                $scope.model.data = [{priority: 1}, {priority: 2}, {priority: 1}];
                 let result = controller.getHighestPriority();
 
                 expect(result).toEqual(3);

From 368f54b872aed2cd935ebfd169df09a5cf553694 Mon Sep 17 00:00:00 2001
From: carlosjr <carlosjr@verdnatura.es>
Date: Thu, 23 Sep 2021 17:19:47 +0200
Subject: [PATCH 5/5] refactor(tags): unified the style rules for tags under
 fetched-tags component and all display subName if present

---
 front/core/components/table/style.scss        | 18 -------------
 modules/client/front/consumption/index.js     |  1 -
 modules/client/front/consumption/style.scss   | 22 ----------------
 modules/entry/front/buy/index/style.scss      | 19 --------------
 modules/entry/front/latest-buys/index.html    | 10 +++++---
 modules/entry/front/summary/index.html        |  7 +++++-
 modules/item/front/fetched-tags/style.scss    | 25 +++++++++++++++++++
 modules/item/front/fixed-price/index.html     | 10 +++++---
 modules/item/front/index/index.html           | 10 +++++---
 modules/order/front/line/index.html           | 10 +++++---
 modules/order/front/summary/index.html        | 12 +++++----
 modules/order/front/volume/index.html         | 12 +++++----
 modules/supplier/front/consumption/index.html | 12 +++++----
 .../front/basic-data/step-two/index.html      | 12 +++++----
 modules/ticket/front/component/index.html     | 10 +++++---
 modules/ticket/front/sale-checked/index.html  | 10 +++++---
 modules/ticket/front/sale-tracking/index.html | 12 +++++----
 modules/ticket/front/sale/style.scss          | 17 -------------
 modules/ticket/front/summary/index.html       | 24 ++++++++++--------
 modules/ticket/front/volume/index.html        | 10 +++++---
 20 files changed, 121 insertions(+), 142 deletions(-)
 delete mode 100644 modules/client/front/consumption/style.scss

diff --git a/front/core/components/table/style.scss b/front/core/components/table/style.scss
index c3aaca1b1..2864ea8a1 100644
--- a/front/core/components/table/style.scss
+++ b/front/core/components/table/style.scss
@@ -96,24 +96,6 @@ vn-table {
                     max-width: 400px;
                     min-width: 0;
                 }
-                &[vn-fetched-tags] {
-                    min-width: 155px;
-                    & > vn-one {
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-size: 1rem;
-                    }
-            
-                    & > vn-one:nth-child(2) h3 {
-                        color: $color-font-secondary;
-                        text-transform: uppercase;
-                        line-height: initial;
-                        font-size: 0.75rem
-                    }
-                }
-                &[vn-fetched-tags][wide] {
-                    width: 430px;
-                }
                 vn-icon.bright, i.bright {
                     color: #f7931e;
                 }
diff --git a/modules/client/front/consumption/index.js b/modules/client/front/consumption/index.js
index a8897d915..7017fed41 100644
--- a/modules/client/front/consumption/index.js
+++ b/modules/client/front/consumption/index.js
@@ -1,6 +1,5 @@
 import ngModule from '../module';
 import Section from 'salix/components/section';
-import './style.scss';
 
 class Controller extends Section {
     constructor($element, $, vnReport, vnEmail) {
diff --git a/modules/client/front/consumption/style.scss b/modules/client/front/consumption/style.scss
deleted file mode 100644
index 02a5dfff4..000000000
--- a/modules/client/front/consumption/style.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@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
-            }
-        }
-    }
-}
diff --git a/modules/entry/front/buy/index/style.scss b/modules/entry/front/buy/index/style.scss
index 942dba0fc..55df72f1c 100644
--- a/modules/entry/front/buy/index/style.scss
+++ b/modules/entry/front/buy/index/style.scss
@@ -38,25 +38,6 @@ vn-entry-buy-index vn-card {
     tr {
         margin-bottom: 10px;
     }
-
-    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
-            }
-        }
-    }
 }
 
 $color-font-link-medium: lighten($color-font-link, 20%)
\ No newline at end of file
diff --git a/modules/entry/front/latest-buys/index.html b/modules/entry/front/latest-buys/index.html
index 055756876..9281c1b79 100644
--- a/modules/entry/front/latest-buys/index.html
+++ b/modules/entry/front/latest-buys/index.html
@@ -100,10 +100,12 @@
                 </vn-td>
                 <vn-td number>{{::buy.size}}</vn-td>
                 <vn-td vn-fetched-tags>
-                    <vn-one title="{{::buy.name}}">{{::buy.name}}</vn-one>
-                    <vn-one ng-if="::buy.subName">
-                        <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
-                    </vn-one>
+                    <div>
+                        <vn-one title="{{::buy.name}}">{{::buy.name}}</vn-one>
+                        <vn-one ng-if="::buy.subName">
+                            <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
+                        </vn-one>
+                    </div>
                     <vn-fetched-tags
                         max-length="6"
                         item="::buy"
diff --git a/modules/entry/front/summary/index.html b/modules/entry/front/summary/index.html
index 60467ae88..6ed066a0b 100644
--- a/modules/entry/front/summary/index.html
+++ b/modules/entry/front/summary/index.html
@@ -156,7 +156,12 @@
                             </span>
                         </td>
                         <td vn-fetched-tags colspan="6">
-                            <vn-one title="{{::line.item.name}}">{{::line.item.name}}</vn-one>
+                            <div>
+                                <vn-one title="{{::line.item.concept}}">{{::line.item.name}}</vn-one>
+                                <vn-one ng-if="::line.item.subName">
+                                    <h3 title="{{::line.item.subName}}">{{::line.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::line.item"
diff --git a/modules/item/front/fetched-tags/style.scss b/modules/item/front/fetched-tags/style.scss
index 3f170937a..2cd7afbb2 100644
--- a/modules/item/front/fetched-tags/style.scss
+++ b/modules/item/front/fetched-tags/style.scss
@@ -1,5 +1,30 @@
 @import "variables";
 
+[vn-fetched-tags] {
+    min-width: 155px;
+    & [wide] {
+        width: 430px;
+    }
+    & div {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        & vn-one {
+            min-width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-size: 1rem;
+        }
+        & vn-one h3 {
+            color: $color-font-secondary;
+            text-transform: uppercase;
+            line-height: initial;
+            font-size: 0.75rem;
+            margin-bottom: 0px;
+        }
+    }
+}
+
 vn-fetched-tags {
     & > vn-horizontal {
         align-items: center;
diff --git a/modules/item/front/fixed-price/index.html b/modules/item/front/fixed-price/index.html
index f7819de37..34e792626 100644
--- a/modules/item/front/fixed-price/index.html
+++ b/modules/item/front/fixed-price/index.html
@@ -65,10 +65,12 @@
                         </vn-autocomplete>
                     </vn-td>
                     <vn-td vn-fetched-tags>
-                        <vn-one title="{{price.name}}">{{price.name}}</vn-one>
-                        <vn-one ng-if="price.subName">
-                            <h3 title="{{price.subName}}">{{price.subName}}</h3>
-                        </vn-one>
+                        <div>
+                            <vn-one title="{{price.name}}">{{price.name}}</vn-one>
+                            <vn-one ng-if="price.subName">
+                                <h3 title="{{price.subName}}">{{price.subName}}</h3>
+                            </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="price"
diff --git a/modules/item/front/index/index.html b/modules/item/front/index/index.html
index 5b1e7fdc8..023295042 100644
--- a/modules/item/front/index/index.html
+++ b/modules/item/front/index/index.html
@@ -51,10 +51,12 @@
                     <vn-td shrink>{{::item.grouping | dashIfEmpty}}</vn-td>
                     <vn-td shrink>{{::item.packing | dashIfEmpty}}</vn-td>
                     <vn-td vn-fetched-tags>
-                        <vn-one title="{{::item.name}}">{{::item.name}}</vn-one>
-                        <vn-one ng-if="::item.subName">
-                            <h3 title="{{::item.subName}}">{{::item.subName}}</h3>
-                        </vn-one>
+                        <div>
+                            <vn-one title="{{::item.name}}">{{::item.name}}</vn-one>
+                            <vn-one ng-if="::item.subName">
+                                <h3 title="{{::item.subName}}">{{::item.subName}}</h3>
+                            </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="item"
diff --git a/modules/order/front/line/index.html b/modules/order/front/line/index.html
index df81102d5..f0a2f2bdf 100644
--- a/modules/order/front/line/index.html
+++ b/modules/order/front/line/index.html
@@ -43,10 +43,12 @@
                         </span>
                     </vn-td>
                     <vn-td vn-fetched-tags>
-                        <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
-                        <vn-one ng-if="::row.item.subName">
-                            <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
-                        </vn-one>
+                        <div>
+                            <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
+                            <vn-one ng-if="::row.item.subName">
+                                <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
+                            </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="::row.item"
diff --git a/modules/order/front/summary/index.html b/modules/order/front/summary/index.html
index bbde9b7dd..67bc26fce 100644
--- a/modules/order/front/summary/index.html
+++ b/modules/order/front/summary/index.html
@@ -98,11 +98,13 @@
                                 {{::row.itemFk | zeroFill:6}}
                             </span>
                         </vn-td>
-                        <vn-td expand vn-fetched-tags>
-                            <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
-                            <vn-one ng-if="::row.item.subName">
-                                <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
-                            </vn-one>
+                        <vn-td vn-fetched-tags>
+                            <div>
+                                <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
+                                <vn-one ng-if="::row.item.subName">
+                                    <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::row.item"
diff --git a/modules/order/front/volume/index.html b/modules/order/front/volume/index.html
index f7e03e871..7c2ff4e3d 100644
--- a/modules/order/front/volume/index.html
+++ b/modules/order/front/volume/index.html
@@ -39,11 +39,13 @@
                             {{::row.itemFk}}
                         </span>
                     </vn-td>
-                    <vn-td wide vn-fetched-tags>
-                        <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
-                        <vn-one ng-if="::row.item.subName">
-                            <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
-                        </vn-one>
+                    <vn-td vn-fetched-tags>
+                        <div>
+                            <vn-one title="{{::row.item.name}}">{{::row.item.name}}</vn-one>
+                            <vn-one ng-if="::row.item.subName">
+                                <h3 title="{{::row.item.subName}}">{{::row.item.subName}}</h3>
+                            </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="::row.item"
diff --git a/modules/supplier/front/consumption/index.html b/modules/supplier/front/consumption/index.html
index 9e65fc34f..5eaff4bfa 100644
--- a/modules/supplier/front/consumption/index.html
+++ b/modules/supplier/front/consumption/index.html
@@ -51,11 +51,13 @@
                             {{::buy.itemName}}
                         </span>
                     </vn-td>
-                    <vn-td vn-fetched-tags wide>
-                        <vn-one></vn-one>
-                        <vn-one ng-if="::buy.subName">
-                            <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
-                        </vn-one>
+                    <vn-td vn-fetched-tags>
+                        <div>
+                            <vn-one></vn-one>
+                            <vn-one ng-if="::buy.subName">
+                                <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
+                            </vn-one>
+                        </div>
                         <vn-fetched-tags
                             max-length="6"
                             item="::buy"
diff --git a/modules/ticket/front/basic-data/step-two/index.html b/modules/ticket/front/basic-data/step-two/index.html
index 5bea7bd47..439f2b527 100644
--- a/modules/ticket/front/basic-data/step-two/index.html
+++ b/modules/ticket/front/basic-data/step-two/index.html
@@ -18,11 +18,13 @@
         <vn-tbody>
             <vn-tr ng-repeat="sale in $ctrl.ticket.sale.items track by sale.id">
                 <vn-td number>{{("000000"+sale.itemFk).slice(-6)}}</vn-td>
-                <vn-td vn-fetched-tags wide>
-                    <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                    <vn-one ng-if="::sale.item.subName">
-                        <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                    </vn-one>
+                <vn-td vn-fetched-tags>
+                    <div>
+                        <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                        <vn-one ng-if="::sale.item.subName">
+                            <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                        </vn-one>
+                    </div>
                     <vn-fetched-tags
                         max-length="6"
                         item="::sale.item"
diff --git a/modules/ticket/front/component/index.html b/modules/ticket/front/component/index.html
index 2e3544cd0..1236059ae 100644
--- a/modules/ticket/front/component/index.html
+++ b/modules/ticket/front/component/index.html
@@ -31,10 +31,12 @@
                             </span>
                         </td>
                         <td rowspan="{{::sale.components.length + 1}}" vn-fetched-tags>
-                            <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                            <vn-one ng-if="::sale.item.subName">
-                                <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                            </vn-one>
+                            <div>
+                                <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                                <vn-one ng-if="::sale.item.subName">
+                                    <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::sale.item"
diff --git a/modules/ticket/front/sale-checked/index.html b/modules/ticket/front/sale-checked/index.html
index e84d583a3..1bc6f1f68 100644
--- a/modules/ticket/front/sale-checked/index.html
+++ b/modules/ticket/front/sale-checked/index.html
@@ -35,10 +35,12 @@
                     </span>
                 </vn-td>
                 <vn-td vn-fetched-tags>
-                    <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                    <vn-one ng-if="::sale.item.subName">
-                        <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                    </vn-one>
+                    <div>
+                        <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                        <vn-one ng-if="::sale.item.subName">
+                            <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                        </vn-one>
+                    </div>
                     <vn-fetched-tags
                         max-length="6"
                         item="::sale.item"
diff --git a/modules/ticket/front/sale-tracking/index.html b/modules/ticket/front/sale-tracking/index.html
index 54a0eca66..fc585650a 100644
--- a/modules/ticket/front/sale-tracking/index.html
+++ b/modules/ticket/front/sale-tracking/index.html
@@ -39,11 +39,13 @@
                         {{sale.itemFk | zeroFill:6}}
                     </span>
                 </vn-td>
-                <vn-td vn-fetched-tags wide>
-                    <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                    <vn-one ng-if="::sale.item.subName">
-                        <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                    </vn-one>
+                <vn-td vn-fetched-tags>
+                    <div>
+                        <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                        <vn-one ng-if="::sale.item.subName">
+                            <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                        </vn-one>
+                    </div>
                     <vn-fetched-tags
                         max-length="6"
                         item="::sale.item"
diff --git a/modules/ticket/front/sale/style.scss b/modules/ticket/front/sale/style.scss
index 036410fa7..75afb7908 100644
--- a/modules/ticket/front/sale/style.scss
+++ b/modules/ticket/front/sale/style.scss
@@ -23,23 +23,6 @@ vn-ticket-sale {
             margin: 3px;
         }
     }
-    vn-td-editable[vn-fetched-tags] {
-        & div {
-            display: flex;
-            flex-wrap: wrap;
-        }
-        & vn-one {
-            min-width: 200px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        & text vn-one:nth-child(2) h3 {
-            color: $color-font-secondary;
-            text-transform: uppercase;
-            line-height: initial;
-            font-size: 0.75rem
-        }
-    }
 
     vn-dialog.edit {
         @extend .edit-popover;
diff --git a/modules/ticket/front/summary/index.html b/modules/ticket/front/summary/index.html
index f35362662..0177ba710 100644
--- a/modules/ticket/front/summary/index.html
+++ b/modules/ticket/front/summary/index.html
@@ -124,9 +124,9 @@
                         <vn-th number shrink>Available</vn-th>
                         <vn-th number shrink>Quantity</vn-th>
                         <vn-th>Description</vn-th>
-                        <vn-th number>Price</vn-th>
-                        <vn-th number>Discount</vn-th>
-                        <vn-th number>Amount</vn-th>
+                        <vn-th shrink number>Price</vn-th>
+                        <vn-th shrink number>Discount</vn-th>
+                        <vn-th shrink number>Amount</vn-th>
                         <vn-th shrink>Packing</vn-th>
                     </vn-tr>
                 </vn-thead>
@@ -191,20 +191,22 @@
                             </vn-chip>
                         </vn-td>
                         <vn-td number shrink>{{::sale.quantity}}</vn-td>
-                        <vn-td vn-fetched-tags wide>
-                            <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                            <vn-one ng-if="::sale.item.subName">
-                                <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                            </vn-one>
+                        <vn-td vn-fetched-tags>
+                            <div>
+                                <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                                <vn-one ng-if="::sale.item.subName">
+                                    <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::sale.item"
                                 tabindex="-1">
                             </vn-fetched-tags>
                         </vn-td>
-                        <vn-td number>{{::sale.price | currency: 'EUR':2}}</vn-td>
-                        <vn-td number>{{::sale.discount}} %</vn-td>
-                        <vn-td number>{{::sale.quantity * sale.price * ((100 - sale.discount) / 100) | currency: 'EUR':2}}</vn-td>
+                        <vn-td shrink number>{{::sale.price | currency: 'EUR':2}}</vn-td>
+                        <vn-td shrink number>{{::sale.discount}} %</vn-td>
+                        <vn-td shrink number>{{::sale.quantity * sale.price * ((100 - sale.discount) / 100) | currency: 'EUR':2}}</vn-td>
                         <vn-td shrink>
                             {{::sale.item.itemPackingTypeFk | dashIfEmpty}}
                         </vn-td>
diff --git a/modules/ticket/front/volume/index.html b/modules/ticket/front/volume/index.html
index 8e2bc4bb6..70bd4f5fb 100644
--- a/modules/ticket/front/volume/index.html
+++ b/modules/ticket/front/volume/index.html
@@ -43,10 +43,12 @@
                             </span>
                         </vn-td>
                         <vn-td vn-fetched-tags>
-                            <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
-                            <vn-one ng-if="::sale.item.subName">
-                                <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
-                            </vn-one>
+                            <div>
+                                <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
+                                <vn-one ng-if="::sale.item.subName">
+                                    <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
+                                </vn-one>
+                            </div>
                             <vn-fetched-tags
                                 max-length="6"
                                 item="::sale.item"