style: refs #8604 update styles

src/pages/Ticket/TicketFuture.vue

@@ -56,6 +56,7 @@ const ticketColumns = computed(() => [
     },
     {
         align: 'center',
+        class: 'shrink',
         label: t('advanceTickets.ipt'),
         name: 'ipt',
         columnFilter: {
@@ -119,6 +120,7 @@ const ticketColumns = computed(() => [
     {
         align: 'center',
         label: t('advanceTickets.futureIpt'),
+        class: 'shrink',
         name: 'futureIpt',
         columnFilter: {
             component: 'select',
@@ -138,6 +140,7 @@ const ticketColumns = computed(() => [
         name: 'futureState',
         align: 'right',
         headerClass: 'horizontal-separator',
+        class: 'expand',
         columnFilter: false,
         format: (row, dashIfEmpty) => dashIfEmpty(row.futureState),
     },
@@ -249,7 +252,6 @@ watch(
     </RightMenu>
     <QPage class="column items-center q-pa-md">
         <VnTable
-            class="bg-header q-pr-xs"
             data-key="futureTickets"
             ref="vnTableRef"
             url="Tickets/getTicketsFuture"
@@ -419,7 +421,7 @@ watch(
                 <QBadge
                     text-color="black"
                     :color="row.futureClassColor"
-                    class="q-ma-none"
+                    class="q-mr-xs"
                     dense
                 >
                     {{ row.futureState }}