From 8385ac0913d63e0e4bf5a4703c19a6abb6e09315 Mon Sep 17 00:00:00 2001
From: cinderblockgames <79210192+cinderblockgames@users.noreply.github.com>
Date: Thu, 18 Nov 2021 11:41:32 -0500
Subject: [PATCH 1/2] Placing Settings box at top of page rather than centered.
  Since the box gets long pretty quickly, don't want to have it over the top.

---
 src/components/modal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/modal.tsx b/src/components/modal.tsx
index 7af24e8..294ebfe 100644
--- a/src/components/modal.tsx
+++ b/src/components/modal.tsx
@@ -7,9 +7,9 @@ import { IconButton } from "./icon";
 const ModalContainer = styled.div`
   position: absolute;
   left: 50%;
-  top: 50%;
+  top: 1rem;
   padding: 1rem;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%, 0%);
   z-index: 10;
   border: 1px solid ${(props) => props.theme.mainColor};
   background-color: ${(props) => props.theme.backgroundColor};

From 8484d37fb5c9d61abc78aa9620cabae1cd7bb617 Mon Sep 17 00:00:00 2001
From: cinderblockgames <79210192+cinderblockgames@users.noreply.github.com>
Date: Thu, 18 Nov 2021 11:56:32 -0500
Subject: [PATCH 2/2] Increasing size of icon button.

---
 src/components/icon.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/icon.tsx b/src/components/icon.tsx
index ae9bb42..f0566ac 100644
--- a/src/components/icon.tsx
+++ b/src/components/icon.tsx
@@ -17,6 +17,7 @@ const StyledButton = styled.button`
   border: none;
   padding: 0;
   background: none;
+  font-size: 1rem;
 
   &:hover {
     cursor: pointer;