From 2985583353af48889ced7f861f41ebd1406ccd42 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Mon, 16 Dec 2024 13:44:09 +0100
Subject: [PATCH] style: refs #8004 update layout and styling in FetchedTags
 and ItemList components

---
 src/components/ui/FetchedTags.vue | 6 +++---
 src/pages/Item/ItemList.vue       | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/FetchedTags.vue b/src/components/ui/FetchedTags.vue
index 481e3a475..6e159087c 100644
--- a/src/components/ui/FetchedTags.vue
+++ b/src/components/ui/FetchedTags.vue
@@ -61,16 +61,17 @@ const columnStyle = computed(() => {
         </div>
     </div>
 </template>
-
 <style lang="scss" scoped>
 .fetchedTags {
     align-items: center;
     .wrap {
-        flex-wrap: wrap;
         display: grid;
     }
 
     .inline-tag {
+        display: flex;
+        align-items: center;
+        justify-content: center;
         height: 1rem;
         margin: 0.05rem;
         color: var(--vn-label-color);
@@ -85,7 +86,6 @@ const columnStyle = computed(() => {
     }
 
     .text {
-        vertical-align: middle;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index dbbd11ce1..4aa3b13fe 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -370,6 +370,7 @@ const columns = computed(() => [
 .subName {
     text-transform: uppercase;
     color: var(--vn-label-color);
+    font-size: small;
 }
 </style>
 <i18n>