diff --git a/settings.html b/settings.html index 63a66aa..d9ed7c8 100644 --- a/settings.html +++ b/settings.html @@ -65,27 +65,28 @@ accent-color: var(--accent); flex-shrink: 0; /* <-- das ist wichtig! */ } - .row { - display: flex; align-items: center; justify-content: space-between; - } - .row > span { - flex: 1; - color: #1e293b; - font-weight: 600; - } - .row > input, - .row > select { - /* wenn Du es schmaler willst: */ - min-width: 80px; - max-width: 180px; - padding: 0.4em 0.4em; - border: 1.2px solid #cbd5e1; - border-radius: 6px; - background: #f8fafc; - color: #334155; - font-size: 0.9rem; - transition: border-color 0.2s, box-shadow 0.2s; - } + .row { + display: flex; + align-items: center; + gap: 0.7em; + margin-bottom: 0.5em; +} +.row > span { + flex: 2; + font-size: 0.97rem; + color: #1e293b; +} +.row > select { + flex: 1; + min-width: 110px; + max-width: 180px; + padding: 0.4em 0.6em; + border: 1.2px solid #cbd5e1; + border-radius: 6px; + background: #f8fafc; + color: #334155; + font-size: 0.97rem; +} .row > input:focus, .row > select:focus { box-shadow: 0 0 0 2px rgba(56,189,248,0.3);