boot strap

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",

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>