Style tweaks

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

1 files changed, 21 insertions, 6 deletions

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