From 701c2752cea451049dabe8197ab2bfbef949285d Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Sat, 19 Mar 2022 17:47:56 -0500
Subject: Fix sizing of items on small screens

---
 src/lib/sections/Inventories.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/lib/sections/Inventories.svelte')

diff --git a/src/lib/sections/Inventories.svelte b/src/lib/sections/Inventories.svelte
index 84480ea..80966ef 100644
--- a/src/lib/sections/Inventories.svelte
+++ b/src/lib/sections/Inventories.svelte
@@ -126,13 +126,13 @@
 	}
 
 	@media only screen and (max-width: 480px) {
-		.inventory-content:global(#inventory .item) {
+		.inventory-content :global(.item) {
 			/* there's no good way to override the existing 32px size without !important :( */
 			font-size: 24px !important;
 		}
 	}
 	@media only screen and (max-width: 350px) {
-		.inventory-content:global(#inventory .item) {
+		.inventory-content :global(.item) {
 			font-size: 16px !important;
 		}
 	}
-- 
cgit 

