From 5aa3b1401449f32595ea1cbaa5047d2e67d923b4 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 28 May 2024 11:39:49 +0200
Subject: [PATCH] refactor: refs #6942 WIP summary layout

---
 src/pages/InvoiceIn/Card/InvoiceInSummary.vue | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
index 873b40898..a7e713bd5 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
@@ -65,7 +65,7 @@ const vatColumns = ref([
         field: (row) => taxRate(row.taxableBase, row.taxTypeSage?.rate),
         format: (value) => toCurrency(value, currency.value),
         sortable: true,
-        align: 'left',
+        align: 'center',
     },
     {
         name: 'currency',
@@ -319,7 +319,7 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
                 </QCardSection>
             </QCard>
             <!--Vat-->
-            <QCard v-if="entity.invoiceInTax.length" class="vat" auto-width>
+            <QCard v-if="entity.invoiceInTax.length" class="vat">
                 <VnTitle :url="getLink('vat')" :text="t('invoiceIn.card.vat')" />
                 <QTable
                     :columns="vatColumns"
@@ -423,13 +423,24 @@ const getLink = (param) => `#/invoice-in/${entityId.value}/${param}`;
 }
 @media (min-width: $breakpoint-md) {
     .summaryBody {
-        .q-card {
-            &.vat {
-                flex: 65%;
+        .vat {
+            flex: 65%;
+            table th {
+                &:nth-child(5) {
+                    padding: 0;
+                }
+                &:last-child {
+                    padding: 0;
+                }
             }
+        }
 
-            &.due-day {
-                flex: 30%;
+        .due-day {
+            flex: 30%;
+            table th {
+                &:last-child {
+                    padding: 0;
+                }
             }
         }
     }