style: refs #8004 update layout and styling in FetchedTags and ItemList components

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;

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>