From 4ea110ee110469ec95f3f5a1435557938d855b68 Mon Sep 17 00:00:00 2001
From: rajchales-monito <rajchales-monito@users.noreply.github.com>
Date: Thu, 30 Jul 2026 11:06:04 +0200
Subject: [PATCH] Unify admin setting switch layout

---
 public/admin.css  | 15 +++++++++++----
 public/admin.html | 24 +++++++++++++-----------
 2 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/public/admin.css b/public/admin.css
index d353ede..b764776 100644
--- a/public/admin.css
+++ b/public/admin.css
@@ -152,6 +152,9 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 .switch { display: flex; align-items: center; gap: 8px; }
 .switch input { width: auto; }
 .setting-switch {
+  display: flex;
+  align-items: center;
+  gap: 10px;
   justify-content: space-between;
   flex-direction: row-reverse;
   border: 1px solid var(--line);
@@ -336,21 +339,25 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
 .telegram-settings input {
   width: 100%;
 }
-.telegram-top-row {
+.settings-top-row {
   grid-column: 1 / -1;
   display: grid;
-  grid-template-columns: minmax(140px, .8fr) minmax(160px, 1fr);
+  grid-template-columns: minmax(150px, .78fr) minmax(170px, 1fr);
   gap: 10px;
   align-items: end;
 }
-.telegram-top-row .setting-switch {
+.settings-top-row .setting-switch {
   min-height: 39px;
   padding: 8px 10px;
 }
-.telegram-top-row label:not(.setting-switch) {
+.settings-top-row label:not(.setting-switch) {
   display: grid;
   gap: 6px;
 }
+.settings-top-row select,
+.settings-top-row input:not([type="checkbox"]) {
+  width: 100%;
+}
 .settings-actions {
   display: flex;
   align-items: center;
diff --git a/public/admin.html b/public/admin.html
index 5e75529..150b97f 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -201,16 +201,18 @@
                   <a href="https://platform.openai.com/api-keys" target="_blank" rel="noopener noreferrer">OpenAI Platform / API keys</a>.
                   Klic se ulozi jen pro tento projekt a v BO se potom zobrazi jen maskovane.
                 </p>
-                <label><input id="translationEnabled" type="checkbox"> zapnout preklady</label>
-                <label>Jazyk operatora
-                  <select id="operatorLanguage">
-                    <option value="cs">Cestina</option>
-                    <option value="sk">Slovenstina</option>
-                    <option value="pl">Polstina</option>
-                    <option value="en">Anglictina</option>
-                    <option value="de">Nemcina</option>
-                  </select>
-                </label>
+                <div class="settings-top-row">
+                  <label class="setting-switch">zapnout preklady <input id="translationEnabled" type="checkbox"></label>
+                  <label>Jazyk operatora
+                    <select id="operatorLanguage">
+                      <option value="cs">Cestina</option>
+                      <option value="sk">Slovenstina</option>
+                      <option value="pl">Polstina</option>
+                      <option value="en">Anglictina</option>
+                      <option value="de">Nemcina</option>
+                    </select>
+                  </label>
+                </div>
                 <label class="full-row">OpenAI API key
                   <input id="openaiApiKey" type="password" autocomplete="off" placeholder="sk-...">
                   <small id="openaiApiKeyStatus">Klic neni ulozeny.</small>
@@ -231,7 +233,7 @@
                 <p class="ai-help">
                   Bot vytvoris v Telegramu pres BotFather. Webhook URL zkopiruj do setWebhook nebo ji pouzijeme pri nastaveni serveru.
                 </p>
-                <div class="telegram-top-row">
+                <div class="settings-top-row">
                   <label class="setting-switch">zapnout Telegram <input id="telegramEnabled" type="checkbox"></label>
                   <label>Nick v chatu <input id="telegramOperatorName" autocomplete="off" placeholder="Alex"></label>
                 </div>