templates/index.html

@@ -95,14 +95,25 @@
             color: #94a3b8;
         }
 
+        /* 1. Den Container flexibel machen */
         #ollama-url-container {
-            display: none;
+            display: none; /* Wird per JS auf 'flex' gesetzt */
             align-items: center;
             gap: 8px;
             border-left: 1px solid #475569;
             padding-left: 12px;
-            min-width: 300px; /* Macht das Feld deutlich breiter */
+        }
-            flex-grow: 1;    /* Lässt es den verfügbaren Platz in der Toolbar nutzen */
+
+        /* 2. Speziell das Input-Feld im Container verbreitern */
+        #ollama-url {
+            width: 250px; /* Feste Breite für das Eingabefeld */
+            transition: width 0.3s ease;
+        }
+
+        /* Optional: Das Feld wird noch breiter, wenn man hineinklickt */
+        #ollama-url:focus {
+            width: 350px;
+            border-color: #38bdf8;
         }
 
         .toolbar-controls select,