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] 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};