diff --git a/wwwroot/css/form.css b/wwwroot/css/form.css index 0565955..14648c8 100644 --- a/wwwroot/css/form.css +++ b/wwwroot/css/form.css @@ -154,10 +154,6 @@ label.skill-item { cursor: pointer; } -.skill-name { - font-weight: bold; -} - .skill-version { opacity: var(--semi-transparent); } @@ -220,12 +216,22 @@ label.skill-item { .danger-btn { color: var(--dangerous); - border-color: var(--dangerous); + border-color: currentcolor; } .danger-btn:hover { - background: var(--dangerous); color: var(--f1-bg); + background: var(--dangerous); +} + +.positive-btn { + color: var(--secondary); + border-color: currentcolor; +} + +.positive-btn:hover { + color: var(--f1-bg); + background: var(--secondary); } /* Toggle Switch */ @@ -302,7 +308,10 @@ label.skill-item { display: flex; flex-direction: column; gap: var(--badge-spacing); - line-height: 1.6; +} + +.form-group:has(.form-status-box:empty) { + display: none; } .form-status-box .status-active { @@ -317,9 +326,16 @@ label.skill-item { color: var(--dangerous); } +.form-group { + display: flex; + flex-direction: column; + gap: var(--badge-spacing); + padding: var(--box-padding); + padding-inline: 0; +} + .form-check-group { display: flex; - align-items: center; gap: var(--badge-spacing); } @@ -344,13 +360,3 @@ label.skill-item { font-size: var(--font-size); opacity: var(--semi-transparent); } - -.secondary-btn { - color: var(--secondary); - border-color: var(--secondary); -} - -.secondary-btn:hover { - background: var(--secondary); - color: var(--f1-bg); -} diff --git a/wwwroot/index.html b/wwwroot/index.html index d0fa596..dbcab40 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -145,43 +145,41 @@