From 2392f5f4a6e40b810250638ad2e7e5f1dcca61f2 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Fri, 9 Nov 2018 17:09:55 -0800
Subject: [PATCH] more css magic

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

diff --git a/data/scripts/main.js b/data/scripts/main.js
index 76c92de7..6b1c904e 100644
--- a/data/scripts/main.js
+++ b/data/scripts/main.js
@@ -108,7 +108,7 @@ var cardClockInterval = setInterval(cardClock, 1000 / document.getElementById("i
 //It's easier to generate the mana symbol list via js, so do it here
 var symbolList = ""
 	for (var i = 0; i < manaSymbolCode.length; i++) {
-		symbolList += "<div class='column-4' style='width: auto'>" + manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img></div>"
+		symbolList += "<div class='column-4'>" + manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img></div>"
 	}
 document.getElementById("symbolList").innerHTML = symbolList
 
diff --git a/index.html b/index.html
index df7dbdd5..19318602 100644
--- a/index.html
+++ b/index.html
@@ -376,7 +376,7 @@
 * {
 	text-align: center;
 	font-family: belerenb;
-	font-size: 25px;
+	font-size: 5vw;
 	color: var(--main-text-color);
 	user-select: none;
 	box-sizing: border-box;
@@ -495,6 +495,9 @@ input[type="color"] {
 	top: 0.25em;
 	height: 1.2em;
 }
+.column-4 {
+	width: 5.5em;
+}
 /*Other*/
 .title {
 	text-align: center;
@@ -530,6 +533,9 @@ a:active {
 /*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;
+	}
 	.column-3 {width: 33.33%;}
 }
 @media only screen and (min-width: 1130px) {