From 8c2d855f7e0ade48913a893b03f342156af3e528 Mon Sep 17 00:00:00 2001
From: Kyle Gunger <kgunger12@gmail.com>
Date: Thu, 11 Feb 2021 13:19:27 -0500
Subject: Style tweaks + Better mobile support on the index page + Settings
 title wrapper

---
 styles/home/base.css    |  2 ++
 styles/home/desktop.css |  2 +-
 styles/home/mobile.css  |  8 +++++++-
 styles/input.css        | 27 +++++++++++++++++++++------
 4 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/styles/home/base.css b/styles/home/base.css
index 13a1749..9cd2a2f 100644
--- a/styles/home/base.css
+++ b/styles/home/base.css
@@ -72,6 +72,8 @@ div.prev > a{
     margin: 0;
     padding: 5px;
     border-radius: 0;
+
+    text-align: left;
 }
 
 div.prev > a:first-of-type {
diff --git a/styles/home/desktop.css b/styles/home/desktop.css
index 0edda76..64ca05f 100644
--- a/styles/home/desktop.css
+++ b/styles/home/desktop.css
@@ -1,4 +1,4 @@
-@media (min-width: 600px) {
+@media (min-width: 900px) {
     div.content > div {
         display: flex;
         flex-direction: row;
diff --git a/styles/home/mobile.css b/styles/home/mobile.css
index 4e469de..a57a988 100644
--- a/styles/home/mobile.css
+++ b/styles/home/mobile.css
@@ -1,6 +1,12 @@
-@media (max-width: 599px) {
+@media (max-width: 899px) {
     div.content > div {
         display: flex;
         flex-direction: column;
     }
+
+    div.content {
+        border-radius: 0px;
+        width:100%;
+        height: 100%;
+    }
 }
\ No newline at end of file
diff --git a/styles/input.css b/styles/input.css
index 5e898ec..87ee725 100644
--- a/styles/input.css
+++ b/styles/input.css
@@ -375,17 +375,14 @@ div.input-container[type=select]
 {
 	border: 2px solid var(--input-border-select);
 	background-color: var(--input-bg-select);
-	min-height: 1em;
-	width: 7em;
+	min-height: 1.25em;
+	min-width: 8em;
+	width: calc(100% - 2em);
 
 	color: var(--input-color-select);
 
 	cursor: pointer;
 
-	overflow: hidden;
-
-	display: inline-block;
-
 	text-align: left;
 }
 
@@ -430,4 +427,22 @@ div.input-container[type=select]:focus::after
 	color: var(--input-color-select-active);
 }
 
+/*    Input Title Wrapper    */
+
+div.input-title-wrapper::before
+{
+	color: var(--main-color);
+	content: attr(data-title);
+}
+
+div.input-title-wrapper
+{
+	background-color: var(--main-bg);
+	box-shadow: var(--gui-shadow-game) 3px 3px 2px;
+	border-radius: 5px;
+	margin: 10px;
+	padding: 5px;
+}
+
+
 /*    End Input CSS    */
\ No newline at end of file
-- 
cgit v1.2.3