From 06c531dc77d30783ce1cf271655c9bb317dbb7be Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Sat, 12 Jun 2021 19:48:57 +0700
Subject: [PATCH] Fix styling on other browser

---
 src/routes/furnishing/inventory.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/furnishing/inventory.svelte b/src/routes/furnishing/inventory.svelte
index 8e909625..931bdb15 100644
--- a/src/routes/furnishing/inventory.svelte
+++ b/src/routes/furnishing/inventory.svelte
@@ -183,7 +183,7 @@
       </div>
       <div
         class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-2 flex-1 pt-20 lg:pt-2"
-        style="height: fit-content;"
+        style="height: max-content;"
         bind:this={inventoryContainer}
       >
         {#each categoryData[`${active.name}-${active.type}`].items as item (item.id)}
@@ -200,7 +200,7 @@
               <p class="text-sm flex-1">
                 {item.name}
               </p>
-              <div class="flex items-center bg-black bg-opacity-25 rounded-md" style="width: fit-content;">
+              <div class="flex items-center bg-black bg-opacity-25 rounded-md" style="width: max-content;">
                 <button class="hover:text-primary" on:click={() => changeItemValue(item.id, (saved[item.id] || 0) + 1)}>
                   <Icon path={mdiPlus} />
                 </button>