From b4d92d4f977a6c211d37ec38ed733728c6f31e3e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 09:35:57 -0300
Subject: [PATCH] Fix Options item labels

---
 src/pages/Item/ItemCreate.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/pages/Item/ItemCreate.vue b/src/pages/Item/ItemCreate.vue
index 6f2a2f77d4..18e7522cb2 100644
--- a/src/pages/Item/ItemCreate.vue
+++ b/src/pages/Item/ItemCreate.vue
@@ -117,16 +117,18 @@ onBeforeMount(async () => {
                         hide-selected
                     >
                         <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection style="max-width: 20%">
-                                    <QItemLabel>
+                            <QItem class="column" v-bind="scope.itemProps">
+                                <QItemLabel class="row">
+                                    <span style="width: 3em">
                                         {{ scope.opt?.code }}
-                                    </QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ scope.opt?.category?.name }}
-                                    </QItemLabel>
-                                </QItemSection>
-                                <QItemSection>{{ scope.opt?.name }}</QItemSection>
+                                    </span>
+                                    <span>
+                                        {{ scope.opt?.name }}
+                                    </span>
+                                </QItemLabel>
+                                <QItemLabel v-if="scope.opt?.category" caption>
+                                    {{ scope.opt?.category?.name }}
+                                </QItemLabel>
                             </QItem>
                         </template>
                     </VnSelectFilter>