Fix #718 incomplete table_bonus condition

src/app/components/FancyMenu.tsx

@@ -53,7 +53,7 @@ export function FancyMenu({ placeholder, relative, class: clazz, getResults, chi
 		}
 	}, [setActive, inputRef])
 
-	return <div class={`px-1 ${relative ? 'relative' : ''}`}>
+	return <div class={`${relative ? 'relative' : ''}`}>
 		<div onClick={open}>
 			{children}
 		</div>

src/app/components/previews/LootTable.ts

@@ -591,6 +591,9 @@ const LootConditions: Record<string, (params: any) => LootCondition> = {
 	},
 	survives_explosion: () => () => true,
 	table_bonus: ({ chances }) => (ctx) => {
+		if (!chances) {
+			return false
+		}
 		const level = 0 // TODO: get enchantment level from tool
 		const chance = chances[clamp(level, 0, chances.length - 1)]
 		return ctx.random.nextFloat() < chance

src/app/components/previews/LootTable1204.ts

@@ -476,6 +476,9 @@ const LootConditions: Record<string, (params: any) => LootCondition> = {
 	},
 	survives_explosion: () => () => true,
 	table_bonus: ({ chances }) => (ctx) => {
+		if (!chances) {
+			return false
+		}
 		const level = 0 // TODO: get enchantment level from tool
 		const chance = chances[clamp(level, 0, chances.length - 1)]
 		return ctx.random.nextFloat() < chance

src/styles/global.css

@@ -184,7 +184,7 @@ nav li {
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-	margin: 0 16px;
+	margin: 0 12px;
 	fill: var(--nav);
 	user-select: none;
 	-webkit-user-select: none;