From d65a0491a1bad3b6d20d8ce04582a41362456d65 Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Thu, 2 Jun 2022 16:35:51 +0100
Subject: [PATCH] button

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

diff --git a/src/foodTypeToggles.tsx b/src/foodTypeToggles.tsx
index bf242ad..55334f1 100644
--- a/src/foodTypeToggles.tsx
+++ b/src/foodTypeToggles.tsx
@@ -103,7 +103,7 @@ export class FoodTypeToggles extends Component<{
   render(): JSX.Element {
     return (
       <div>
-        <h3 class="mt-5">Toggles</h3>
+        <h3>Toggles</h3>
         <div>
           <p>Broad Toggles</p>
           <ToggleableBox
@@ -168,7 +168,7 @@ export class FoodTypeToggles extends Component<{
               this.sendChangedEvent();
             }} />
 
-          <button type="button mt-5" class="btn btn-danger" onClick={() => {
+          <button type="button" class="btn btn-danger mt-2" onClick={() => {
             this.setToDefaults();
             this.sendChangedEvent();
           }}>Reset</button>
diff --git a/src/mainPage.tsx b/src/mainPage.tsx
index c376b8f..8507b57 100644
--- a/src/mainPage.tsx
+++ b/src/mainPage.tsx
@@ -24,7 +24,6 @@ export class SettingsBlock extends Component {
   onFontChange() {
     if (!this.fontSettingSelectRef.current) return;
     let newFont = this.fontSettingSelectRef.current.value;
-    console.log(newFont);
 
     for (let font of FONT_TYPES) {
       document.body.removeAttribute(`data-font-${font[1]}`)
@@ -41,7 +40,6 @@ export class SettingsBlock extends Component {
         <label for="fontSettingSelect">Font</label>
         <select ref={this.fontSettingSelectRef} class="form-control" id="fontSettingSelect" onChange={() => this.onFontChange()}>
           {...FONT_TYPES.map((font: string[]) => {
-            console.log(`FONT: ${font}`)
             return <option value={font[0]}>{font[1]}</option>;
           })}
         </select>
@@ -61,8 +59,12 @@ export class MainPage extends Component<unknown, { toggles: FoodExcludeTypes }>
       <h1 class="mt-5">Chaos's Food Likes/Dislikes</h1>
       <p class="lead">a hopefully helpful guide on what food we like?</p>
 
+      <br />
+
       <SettingsBlock />
 
+      <br />
+
       <FoodTypeToggles onChange={(toggles) => {
         this.setState({ toggles });
       }} />