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,