fixes for reasoning display & storing data

static/css/chat.css

@@ -150,8 +150,8 @@ body {
 	width: 100%;
 }
 
-.message .text {
-	padding-bottom: 10px;
+.message .reasoning {
+	padding-top: 14px;
 }
 
 .message:not(.editing) textarea.text,
@@ -159,6 +159,7 @@ body {
 	display: none;
 }
 
+.message .reasoning,
 .message div.text {
 	background: #24273a;
 }
@@ -167,6 +168,10 @@ body {
 	background: #181926;
 }
 
+.reasoning-text pre {
+	background: #1b1d2a;
+}
+
 .message .reasoning-text {
 	--height: auto;
 	height: calc(var(--height) + 20px);
@@ -186,16 +191,20 @@ body {
 	margin-top: 10px;
 }
 
+.message.has-reasoning:not(.has-text) div.text,
 .message:not(.has-reasoning) .reasoning {
 	display: none;
 }
 
+.message.has-reasoning .text {
+	padding-top: 4px;
+}
+
 .reasoning .toggle {
 	position: relative;
 	padding: 0 20px;
 	font-weight: 600;
 	font-size: 14px;
-	margin-top: 2px;
 }
 
 .reasoning .toggle::after,
@@ -203,7 +212,7 @@ body {
 	content: "";
 	background-image: url(icons/reasoning.svg);
 	position: absolute;
-	top: 0;
+	top: -2px;
 	left: -2px;
 	width: 20px;
 	height: 20px;
@@ -213,7 +222,6 @@ body {
 	background-image: url(icons/chevron.svg);
 	left: unset;
 	right: -2px;
-	top: 1px;
 	transition: 150ms;
 }
 
@@ -298,6 +306,8 @@ select {
 
 textarea {
 	resize: none;
+	font-size: 15px;
+	line-height: 23px;
 }
 
 button {