From 964a041594fd784bf109265d49f14b9194702085 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Fri, 9 Nov 2018 19:36:04 -0800
Subject: [PATCH] mobile

---
 data/scripts/main.js |  2 +-
 index.html           | 28 +++++++++++++++++++---------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/data/scripts/main.js b/data/scripts/main.js
index 6b1c904e..29052ae9 100644
--- a/data/scripts/main.js
+++ b/data/scripts/main.js
@@ -6,7 +6,7 @@
 //============================================//
 //The following bits of code are run immediatly to initialize the program while allowing the variables to remain global.
 //Setup viewport!
-var minimumWidth = 783
+var minimumWidth = 800
 var viewport = document.createElement("meta")
 viewport.setAttribute("name", "viewport")
 if (screen.width < minimumWidth) {
diff --git a/index.html b/index.html
index 0ce012c5..536cb4aa 100644
--- a/index.html
+++ b/index.html
@@ -418,6 +418,9 @@
 	user-select: none;
 	box-sizing: border-box;
 }
+html {
+	background-color: rgb(16, 16, 16);
+}
 /*Applies to most elements (with rows and columns)*/
 .row::after{
 	content: "";
@@ -549,13 +552,6 @@ input[type="color"] {
 	font-family: belerenbsc;
 	font-size: 0.75rem;
 }
-html {
-	background:url(data/background.png) no-repeat center center fixed;
-	-webkit-background-size: cover;
-	-moz-background-size: cover;
-	-o-background-size: cover;
-	background-size: cover;
-}
 /*Hyperlinks*/
 a:link {
 	color: var(--main-text-color);
@@ -570,8 +566,10 @@ a:hover {
 a:active {
 	color: var(--title-text-color);
 }
+.column-2 {
+	margin-bottom: 20px;
+}
 /*Adjustments For Desktop*/
-/*Chrome's JS Debugger gives a width 1.1 times greater than it should be*/
 @media only screen and (orientation: landscape) {
 	* {
 		font-size: 25px;
@@ -581,7 +579,19 @@ a:active {
 @media only screen and (min-width: 1130px) {
 	/*The card manipulator menu can be side-by-side with the card*/
 	.column-1 {width: 769px;}
-	.column-2 {width: calc(100% - 769px);}
+	.column-2 {
+		width: calc(100% - 769px);
+		margin-bottom: 0px;
+	}
+}
+@media only screen and (min-width: 801px) {
+	html {
+		background:url(data/background.png) no-repeat center center fixed;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		-o-background-size: cover;
+		background-size: cover;
+	}
 }
 </style>
 <script src="data/scripts/loadScript.js"></script>