templates/index.html

@@ -100,7 +100,8 @@
             align-items: center;
             gap: 8px;
             border-left: 1px solid #475569;
-            padding-left: 20px;
+            padding-left: 12px;
+            min-width: 300px; /* Macht das Feld deutlich breiter */
         }
 
         .toolbar-controls select, 
@@ -337,11 +338,11 @@
             } catch (e) {}
         }
 
-        async function updateModelDropdown(isInitialLoad = false) {
+       async function updateModelDropdown(isInitialLoad = false) {
             const provider = document.getElementById('ai-provider').value;
             const modelSelect = document.getElementById('ai-model');
             const urlContainer = document.getElementById('ollama-url-container');
-            let ollamaUrl = document.getElementById('ollama-url').value;
+            const ollamaUrl = document.getElementById('ollama-url').value;
 
             urlContainer.style.display = (provider === "ollama") ? "flex" : "none";
             modelSelect.innerHTML = '<option>Lade...</option>';
@@ -357,10 +358,11 @@
                         opt.value = opt.textContent = m;
                         modelSelect.appendChild(opt);
                     });
+                    
                     const savedModel = currentSettings[`${provider}_model`];
                     if (isInitialLoad && savedModel) modelSelect.value = savedModel;
                 }
-            } catch (e) { modelSelect.innerHTML = '<option>Fehler</option>'; }
+            } catch (e) { modelSelect.innerHTML = '<option>Fehler beim Laden</option>'; }
         }
 
         async function saveSettings() {