From 2859a7bad6fad9bc5314c31575054941240aebd9 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 13 May 2024 13:57:51 +0200
Subject: [PATCH] style: refs #7361 style refactor

---
 src/pages/Ticket/Card/TicketSummary.vue | 36 +++++++++++++------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index ab20a2b94..ed117b2ba 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -275,7 +275,6 @@ async function changeState(value) {
                             <QTh auto-width>{{ t('ticket.summary.available') }}</QTh>
                             <QTh auto-width>{{ t('ticket.summary.quantity') }}</QTh>
                             <QTh auto-width>{{ t('globals.description') }}</QTh>
-                            <QTh auto-width></QTh>
                             <QTh auto-width>{{ t('ticket.summary.price') }}</QTh>
                             <QTh auto-width>{{ t('ticket.summary.discount') }}</QTh>
                             <QTh auto-width>{{ t('globals.amount') }}</QTh>
@@ -374,20 +373,19 @@ async function changeState(value) {
                             <QTd>{{ props.row.visible }}</QTd>
                             <QTd>{{ props.row.available }}</QTd>
                             <QTd>{{ props.row.quantity }}</QTd>
-                            <QTd>
+                            <QTd class="description-cell">
                                 <span>
                                     {{ props.row.item.name }}
                                 </span>
-                                <fetched-tags
-                                    class="fetched-tags"
-                                    :item="props.row.item"
-                                    :max-length="5"
-                                ></fetched-tags>
-                            </QTd>
-                            <QTd>
                                 <span v-if="props.row.item.subName" class="subName">
                                     {{ props.row.item.subName.toUpperCase() }}
                                 </span>
+                                <div class="fetched-tags">
+                                    <FetchedTags
+                                        :item="props.row.item"
+                                        :max-length="5"
+                                    ></FetchedTags>
+                                </div>
                             </QTd>
                             <QTd>{{ props.row.price }} €</QTd>
                             <QTd>{{ props.row.discount }} %</QTd>
@@ -466,7 +464,6 @@ async function changeState(value) {
         padding: 1%;
     }
 }
-
 .q-table {
     tr,
     th,
@@ -475,17 +472,22 @@ async function changeState(value) {
     }
 }
 
-.tr-header {
-    color: var(--vn-label-color);
+.subName {
+    margin-left: 10%;
 }
-
+.tr-header,
 .subName {
     color: var(--vn-label-color);
-    margin-left: -40%;
 }
-
+.description-cell {
+    width: 30%;
+}
 .fetched-tags {
-    width: 70%;
-    margin-left: 19%;
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: 10%;
+}
+.fetched-tags > * {
+    max-width: calc(100% / 2);
 }
 </style>