From 871316de710d8520b60827aba81d82122777c72a Mon Sep 17 00:00:00 2001 From: Hmmm <102938585+git-Hmmm@users.noreply.github.com> Date: Tue, 23 Aug 2022 22:16:16 +0530 Subject: [PATCH] Cosmetic change: make lists more beautiful. --- public/styles/apps.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/public/styles/apps.css b/public/styles/apps.css index 22e8eb8e..ce2bfbd8 100644 --- a/public/styles/apps.css +++ b/public/styles/apps.css @@ -24,6 +24,8 @@ input[type='radio'] { input[type='radio']:checked + label { background: var(--accentColor); + box-shadow: inset 0px 0px 0px 1px #ddd; + border-color: #ddd; } /* Labels */ @@ -34,7 +36,15 @@ input[type='radio'] + label { font-size: 14px; color: var(--textColor); border-radius: var(--border-radius); - padding: 7px; + padding: 14px; background-color: var(--interactableColor); font-weight: bold; + border: 2px solid #dddddd2e; + cursor: pointer; + transition: 200ms; +} + +input[type="radio"] + label:hover { + box-shadow: inset 0px 0px 0px 1px #ddd; + border-color: #ddd; }