src/components/ui/CardDescriptor.vue

@@ -303,3 +303,11 @@ const toModule = computed(() =>
     }
 }
 </style>
+<style lang="scss">
+.q-card__actions {
+    .q-btn--rectangle {
+        padding: 0 5px;
+    }
+    justify-content: center;
+}
+</style>

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -155,6 +155,23 @@ const debtWarning = computed(() => {
         </template>
         <template #actions="{ entity }">
             <QCardActions class="flex justify-center" style="padding-inline: 0">
+                <QBtn
+                    :to="{
+                        name: 'TicketList',
+                        query: {
+                            from: undefined,
+                            to: undefined,
+                            table: JSON.stringify({
+                                clientFk: entity.id,
+                            }),
+                        },
+                    }"
+                    size="md"
+                    icon="vn:ticket"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
+                </QBtn>
                 <QBtn
                     :to="{
                         name: 'TicketList',

src/pages/Customer/Card/CustomerSummary.vue

@@ -311,12 +311,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <VnTitle
+                <VnTitle :text="t('Latest tickets')" />
-                    :text="t('Latest tickets')"
-                    :url="`#/ticket?table=${JSON.stringify({
-                        clientFk: entity.id,
-                    })}`"
-                />
                 <CustomerSummaryTable />
             </QCard>
         </template>