new style

public/assets/styles/base.css

@@ -75,7 +75,7 @@ input, textarea,select {
     padding: 1rem;
     background: #121a25;
     border: 1px solid var(--border);
-    border-radius: 6px;
+    border-radius: 6px 6px 0 0;
 }
 
 .message {
@@ -370,6 +370,7 @@ body {
 .blue-glow {
     box-shadow: 0px 0px 14px 0px rgba(99, 124, 247, 0.325);
 }
+
 .text-glow {
     text-shadow: #86b7fe 2px 1px 14px;
 }
@@ -433,9 +434,11 @@ span.think {
     z-index: 1;
     width: 100%;
 }
+
 .example-2 .inner {
     margin: 2px;
 }
+
 .example-2::before {
     content: "";
     display: block;
@@ -469,9 +472,10 @@ span.think {
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
-    margin: 0.45rem 0 0.75rem;
+    margin: -1px 0 0.75rem;
     color: rgba(248, 249, 250, 0.76);
     font-size: 0.84rem;
+    border-radius: 0 0 6px 6px;
 }
 
 .retriex-option-toggle {

public/index.html

@@ -27,7 +27,7 @@
             </div>
             <div class="text-info fw-bold" style="font-size: 12px">KI-Agent</div>
         </div>
-        <img src="/assets/img/logo.svg" style="max-height: 25px;">
+        <img src="/assets/img/logo.svg" style="max-height: 20px;">
         <div class="spacer"></div>
 
         <button id="clear" class="btn btn-trans">Diesen Chat löschen</button>