diff --git a/public/css/style.css b/public/css/style.css index 39ac413..9748e43 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2805,15 +2805,12 @@ input:checked+.slider:before { } /* ---- Source Settings Toggles ---- */ -.source-options-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); - gap: 16px; - background: rgba(255, 255, 255, 0.03); - padding: 16px; - border-radius: var(--radius-sm); - border: 1px solid var(--border-color); - margin-top: 8px; +/* ---- Source Settings Toggles ---- */ +.source-options-clean-row { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 4px 0; } .source-option-item { @@ -2823,12 +2820,6 @@ input:checked+.slider:before { cursor: pointer; user-select: none; transition: all 0.2s ease; - padding: 4px 8px; - border-radius: var(--radius-sm); -} - -.source-option-item:hover { - background: rgba(255, 255, 255, 0.03); } .source-option-item:hover .source-option-label { @@ -2836,7 +2827,7 @@ input:checked+.slider:before { } .source-option-label { - font-size: 0.88rem; + font-size: 0.9rem; color: var(--text-secondary); font-weight: 500; } @@ -2889,14 +2880,6 @@ input:checked+.slider:before { } /* Light theme support */ -:root.light-theme .source-options-grid { - background: rgba(0, 0, 0, 0.02); -} - -:root.light-theme .source-option-item:hover { - background: rgba(0, 0, 0, 0.03); -} - :root.light-theme .switch-label:before { background-color: #94a3b8; } diff --git a/public/index.html b/public/index.html index 757060a..fbb2715 100644 --- a/public/index.html +++ b/public/index.html @@ -474,11 +474,12 @@