Style tweaks

+ Better mobile support on the index page
+ Settings title wrapper

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