From 8c2d855f7e0ade48913a893b03f342156af3e528 Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Thu, 11 Feb 2021 13:19:27 -0500 Subject: Style tweaks + Better mobile support on the index page + Settings title wrapper --- styles/input.css | 27 +++++++++++++++++++++------ 1 file changed, 21 insertions(+), 6 deletions(-) (limited to 'styles/input.css') 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