From 86dba58bd2ca58ec404d3a982b4702307d9c0521 Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Thu, 2 Jun 2022 19:28:51 +0100
Subject: [PATCH] change to description list; change h3 to h2

---
 src/foodItems.tsx       | 6 +++---
 src/foodTypeToggles.tsx | 2 +-
 src/mainPage.tsx        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/foodItems.tsx b/src/foodItems.tsx
index 9ad1cf2..13ede67 100644
--- a/src/foodItems.tsx
+++ b/src/foodItems.tsx
@@ -8,7 +8,7 @@ export const FoodItemsContainer = (props: {
 }): JSX.Element => {
   return (
     <div>
-      <h3>{props.title}</h3>
+      <h2>{props.title}</h2>
       {props.extra && <p>{props.extra}</p>}
       <div class="list-group" role="list">
         {props.children}
@@ -64,8 +64,8 @@ export class AdvancedFoodItem extends Component<FoodItemProps & { extra: string
     return (
       <HideIfFoodExcluded {...this.props}>
         <div class="list-group-item" role="listitem">
-          <p class="mb-1 h5">{this.props.title}</p>
-          <p class="mb-1">{this.props.extra}</p>
+          <dt class="mb-1 h5">{this.props.title}</dt>
+          <dd class="mb-1">{this.props.extra}</dd>
         </div>
       </HideIfFoodExcluded>
     )
diff --git a/src/foodTypeToggles.tsx b/src/foodTypeToggles.tsx
index 55334f1..c2ba011 100644
--- a/src/foodTypeToggles.tsx
+++ b/src/foodTypeToggles.tsx
@@ -103,7 +103,7 @@ export class FoodTypeToggles extends Component<{
   render(): JSX.Element {
     return (
       <div>
-        <h3>Toggles</h3>
+        <h2>Toggles</h2>
         <div>
           <p>Broad Toggles</p>
           <ToggleableBox
diff --git a/src/mainPage.tsx b/src/mainPage.tsx
index b92ba75..5ee403c 100644
--- a/src/mainPage.tsx
+++ b/src/mainPage.tsx
@@ -35,7 +35,7 @@ export class SettingsBlock extends Component {
 
   render() {
     return <div>
-      <h3>Settings</h3>
+      <h2>Settings</h2>
       <div class="form-group">
         <label for="fontSettingSelect">Font</label>
         <select ref={this.fontSettingSelectRef} class="form-control" id="fontSettingSelect" onChange={() => this.onFontChange()}>