From aa34504d335616cff6fc1384be363f2db1db3a06 Mon Sep 17 00:00:00 2001 From: Kouya Heika Date: Sun, 21 Sep 2025 10:05:07 -0500 Subject: [PATCH] Add text button styling --- core/css/buttons.css | 35 ++++++++++++++++++++++------------- 1 file changed, 22 insertions(+), 13 deletions(-) diff --git a/core/css/buttons.css b/core/css/buttons.css index 5c0e63a..790fe4c 100644 --- a/core/css/buttons.css +++ b/core/css/buttons.css @@ -1,4 +1,4 @@ -.button { +.button { background: var(--default-button-background); border: var(--default-button-border); font-family: var(--primary-font); @@ -125,11 +125,20 @@ button.formbutton a { .longbutton > a, .widebutton > a { width: 120px; } - + .longbutton > a img, .smallbutton > a img, .widebutton > a img { margin-right: 4px; } +.button.longbutton.textbutton { + text-align: center; +} + +.button.longbutton.textbutton a { + font-size: 16px; + display: inline-block !important; +} + .button:hover, .button.selected, button.formbutton:hover { background: var(--hover-button-background); border: var(--hover-button-border); @@ -150,22 +159,22 @@ button.formbutton a { display: block; margin: 2px; } - + .button a { display: block; width: 48px; height: 48px; } - + .popbutton { font-size: 16px; margin: 2px 4px; } - + .popbutton:hover { width: 140px; } - + .popbutton > a { color: var(--main-text); text-decoration: none; @@ -174,11 +183,11 @@ button.formbutton a { height: 48px; width: 144px; } - + .popbutton > a img { margin-right: 4px; } - + .oddbutton { top: 8px; left: calc(64px + 8px); @@ -190,24 +199,24 @@ button.formbutton a { display: inline-block; margin: 2px; } - + .popbutton { margin: 4px 2px; } - + .popbutton:hover { width: 44px; } - + .popbutton a:nth-of-type(2) { display: none; } - + .oddbutton { top: calc(64px + 8px); left: 8px; } - + .longbutton.collapse { width: 20px; margin: 2px !important;