templates/index.html aktualisiert

templates/index.html

@@ -81,42 +81,43 @@
             font-size: 1.2em;
         }
 
-        /* Nur für Dropdowns und Eingabefelder (NICHT für den Button!) */
+        /* Erzeugt eine horizontale Reihe für alle Steuerelemente */
+        .toolbar-controls {
+            display: flex;
+            align-items: center;
+            gap: 12px; /* Abstand zwischen den Elementen */
+            flex-wrap: nowrap; /* Verhindert das Umbrechen in eine neue Zeile */
+        }
+
+        /* Verhindert, dass Labels umbrechen */
+        .toolbar-controls label {
+            white-space: nowrap;
+            font-size: 13px;
+            color: #bdc3c7;
+        }
+
+        /* Der URL-Container als Teil der horizontalen Kette */
+        #ollama-url-container {
+            display: none; /* Wird per JS auf 'flex' gesetzt */
+            align-items: center;
+            gap: 8px;
+            border-left: 1px solid #555;
+            padding-left: 12px;
+        }
+
+        /* Kurze Korrektur für die Eingabefelder, damit sie nicht zu breit werden */
         .toolbar-controls select, 
         .toolbar-controls input {
-            padding: 5px 10px;
+            height: 32px;
+            background: white;
+            color: #2c3e50;
             border-radius: 4px;
-            border: 1px solid #bdc3c7;
+            padding: 0 8px;
-            color: #2c3e50; /* Dunkle Schrift */
+            font-size: 13px;
-            background-color: white; /* Weißer Grund */
-            font-size: 14px;
-            outline: none;
         }
 
-        /* Spezifisches Styling für den Speichern-Button */
+        #ollama-url {
-        .toolbar-controls .save-btn {
+            width: 180px; /* Damit das Feld nicht die ganze Leiste sprengt */
-            background-color: #27ae60;
-            color: white; /* Weiße Schrift */
-            border: none;
-            cursor: pointer;
-            font-weight: bold;
-            padding: 6px 15px;
-            border-radius: 4px;
-            transition: background 0.2s;
-        }
-
-        .toolbar-controls .save-btn:hover {
-            background-color: #2ecc71;
-        }
-
-        /* Der Container für die URL */
-        #ollama-url-container {
-            display: none; /* Standardmäßig versteckt */
-            align-items: center;
-            gap: 10px;
-            margin-left: 10px;
-            border-left: 1px solid #7f8c8d;
-            padding-left: 10px;
         }
 
         /* WICHTIG: Den Speichern-Button überschreiben wir wieder, damit er grün mit weißer Schrift bleibt */
@@ -167,8 +168,8 @@
             <select id="ai-model"></select>
             
             <div id="ollama-url-container">
-                <label for="ollama-url">API-URL:</label>
+                <label for="ollama-url">URL:</label>
-                <input type="text" id="ollama-url" placeholder="http://IP:11434/v1">
+                <input type="text" id="ollama-url" placeholder="http://192.168.x.x:11434/v1">
             </div>
             
             <button class="save-btn" onclick="saveSettings()">Speichern</button>