From d0ec435399ff3308be1b79ad67e37321b9a97b8e Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Wed, 27 Jul 2022 00:30:42 -0400 Subject: [chat] Use an object instead of a list --- styles/client/base.css | 6 +++++- styles/home/base.css | 2 +- styles/input.css | 5 +++++ 3 files changed, 11 insertions(+), 2 deletions(-) (limited to 'styles') diff --git a/styles/client/base.css b/styles/client/base.css index 85bec49..0ecba9b 100644 --- a/styles/client/base.css +++ b/styles/client/base.css @@ -342,7 +342,11 @@ div.game > h2 { } div.game > span { - width: 50%; + width: 40%; + padding-left: 5%; + padding-right: 5%; + overflow: hidden; + white-space: nowrap; display: inline-block; } diff --git a/styles/home/base.css b/styles/home/base.css index 8daae31..8cbdffa 100644 --- a/styles/home/base.css +++ b/styles/home/base.css @@ -35,7 +35,7 @@ div.content { align-items: center; - width: min-content; + width: 60%; } a, button { diff --git a/styles/input.css b/styles/input.css index 714910f..d10355a 100644 --- a/styles/input.css +++ b/styles/input.css @@ -54,6 +54,7 @@ input[type=text], input[type=password], input[type=date], input[type=time], inpu background-color: var(--input-bg-text); color: var(--input-color-text); font-size: 1em; + width: calc(100% - 10px); } input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time]:hover, input[type="number"]:hover @@ -429,6 +430,10 @@ div.input-container[type=select]:focus::after color: var(--input-color-select-active); } +div.input-container[type="button"] > input { + width: calc(100% - 10px); +} + /* Input Title Wrapper */ div.input-title-wrapper::before -- cgit v1.2.3