diff --git a/templates/index.html b/templates/index.html
index 6bbf13c..5871630 100644
--- a/templates/index.html
+++ b/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,