From 701c2752cea451049dabe8197ab2bfbef949285d Mon Sep 17 00:00:00 2001 From: mat 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