From ee0100895bf2e53bfb5f5e256daf929230257c09 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Wed, 17 Mar 2021 12:53:40 +0000
Subject: [PATCH] various modal fixes

---
 src/components/modals/Main.jsx     |  2 +-
 src/scss/modules/modals/_main.scss | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/modals/Main.jsx b/src/components/modals/Main.jsx
index ec32f441..8bf1e026 100644
--- a/src/components/modals/Main.jsx
+++ b/src/components/modals/Main.jsx
@@ -10,7 +10,7 @@ export default function MainModal(props) {
   return (
     <div className='modal'>
       <span className='closeModal' onClick={props.modalClose}>&times;</span>
-      <h1>Options</h1>
+      <h1>.</h1>
       <div>
         <Navigation navbar={true}>
           <div label={props.language.modals.main.navbar.settings}>
diff --git a/src/scss/modules/modals/_main.scss b/src/scss/modules/modals/_main.scss
index 728900c4..32546eac 100644
--- a/src/scss/modules/modals/_main.scss
+++ b/src/scss/modules/modals/_main.scss
@@ -245,7 +245,7 @@ ul.sectionSelector {
 
 .tab-content {
     position: absolute;
-    left: 30%;
+    left: 25%;
     width: 60%;
 
     h3 {
@@ -253,10 +253,17 @@ ul.sectionSelector {
     }
 }
 
-@media only screen and (min-width: 1300px) {
+@media only screen and (max-width: 1920px) {
     .tab-content {
         position: absolute;
-        left: 30%;
+        left: 35%;
+    }
+}
+
+@media only screen and (max-width: 1400px) {
+    .tab-content {
+        position: absolute;
+        left: 45%;
     }
 }