From 78014e26a5ea3d320d1f0b2014ecddabc9b6b434 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Thu, 29 Feb 2024 19:15:20 -0600
Subject: [PATCH] fix layout of table

---
 frontend/components/Item/View/Table.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Item/View/Table.vue b/frontend/components/Item/View/Table.vue
index cf111f4..44abd5b 100644
--- a/frontend/components/Item/View/Table.vue
+++ b/frontend/components/Item/View/Table.vue
@@ -19,7 +19,10 @@
             >
               <template v-if="typeof h === 'string'">{{ h }}</template>
               <template v-else>{{ h.text }}</template>
-              <div :class="`inline-flex ${sortByProperty === h.value ? '' : 'opacity-0'}`">
+              <div
+                v-if="sortByProperty === h.value"
+                :class="`inline-flex ${sortByProperty === h.value ? '' : 'opacity-0'}`"
+              >
                 <span class="swap swap-rotate" :class="{ 'swap-active': pagination.descending }">
                   <MdiArrowDown class="swap-on h-5 w-5" />
                   <MdiArrowUp class="swap-off h-5 w-5" />
@@ -50,8 +53,8 @@
               <Currency :amount="d.purchasePrice" />
             </template>
             <template v-else-if="cell(h) === 'cell-insured'">
-              <MdiCheck v-if="d.insured" class="text-green-500 h-5 w-5" />
-              <MdiClose v-else class="text-red-500 h-5 w-5" />
+              <MdiCheck v-if="d.insured" class="text-green-500 h-5 w-5 inline" />
+              <MdiClose v-else class="text-red-500 h-5 w-5 inline" />
             </template>
             <slot v-else :name="cell(h)" v-bind="{ item: d }">
               {{ extractValue(d, h.value) }}