diff --git a/src/components/ui/CatalogItem.vue b/src/components/ui/CatalogItem.vue index 0ae890e37..7806562b2 100644 --- a/src/components/ui/CatalogItem.vue +++ b/src/components/ui/CatalogItem.vue @@ -132,8 +132,7 @@ const card = toRef(props, 'item'); display: flex; flex-direction: column; gap: 4px; - white-space: nowrap; - width: 192px; + p { margin-bottom: 0; } diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue index 51975cc2e..5ee78a860 100644 --- a/src/pages/Claim/Card/ClaimSummary.vue +++ b/src/pages/Claim/Card/ClaimSummary.vue @@ -54,7 +54,7 @@ const detailsColumns = ref([ { name: 'item', label: 'claim.item', - field: (row) => row.sale.itemFk, + field: (row) => dashIfEmpty(row.sale.itemFk), sortable: true, }, { @@ -67,13 +67,13 @@ const detailsColumns = ref([ { name: 'quantity', label: 'claim.quantity', - field: (row) => row.sale.quantity, + field: (row) => dashIfEmpty(row.sale.quantity), sortable: true, }, { name: 'claimed', label: 'claim.claimed', - field: (row) => row.quantity, + field: (row) => dashIfEmpty(row.quantity), sortable: true, }, { @@ -84,7 +84,7 @@ const detailsColumns = ref([ { name: 'price', label: 'claim.price', - field: (row) => row.sale.price, + field: (row) => dashIfEmpty(row.sale.price), sortable: true, }, { @@ -337,23 +337,16 @@ function claimUrl(section) { -