From bac911d5938f50baa1c51b1375c3f01126881b68 Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Thu, 2 Jun 2022 15:43:18 +0100
Subject: [PATCH] boot strap

---
 package.json      | 2 +-
 src/foodItems.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index db40a1f..e7c5382 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   "dependencies": {
     "@fontsource/comic-neue": "^4.5.8",
     "@fontsource/opendyslexic": "^4.5.4",
-    "bootstrap": "latest",
+    "bootstrap": "^5.1.3",
     "normalize.css": "^8.0.1",
     "postcss-loader": "^7.0.0",
     "preact": "^10.7.2",
diff --git a/src/foodItems.tsx b/src/foodItems.tsx
index ff4095b..32d4ad7 100644
--- a/src/foodItems.tsx
+++ b/src/foodItems.tsx
@@ -16,7 +16,7 @@ export const FoodItemsContainer = (props: {
 }
 
 function shouldShowItem(contents, exclude: FoodExcludeTypes): boolean {
-  if (!exclude) return false;
+
   for (let key of Object.keys(exclude)) {
     if (Object.keys(contents).includes(key)) {
       if (!exclude[key]) return false;
@@ -59,7 +59,7 @@ export class AdvancedFoodItem extends Component<FoodItemProps & { extra: string
   render() {
     return (
       <HideIfFoodExcluded {...this.props}>
-        <div class="list-group-item" role="listitem">
+        <div class="list-group-item mb-1" role="listitem">
           <h5 class="mb-1">{this.props.title}</h5>
           <p class="mb-1">{this.props.extra}</p>
         </div>