Some responsiveness improvements

client/css/conversation.css

@@ -69,9 +69,10 @@
 
 #send-button {
 	position: absolute;
-	bottom: 40%;
+	bottom: 25%;
 	right: 10px;
 	z-index: 1;
+	padding: 16px;
 }
 
 #cursor {
@@ -126,13 +127,6 @@
 	border-radius: 10px;
 }
 
-@media screen and (max-width: 990px) {
-	.conversation {
-		width: 100%;
-		height: 90%;
-	}
-}
-
 @media screen and (max-height: 720px) {
 	.conversation.box {
 		height: 70%;

client/css/message.css

@@ -28,6 +28,7 @@
 .message .content {
 	display: flex;
 	flex-direction: column;
+	width: 90%;
 	gap: 18px;
 }
 

client/js/chat.js

@@ -56,7 +56,7 @@ const ask_gpt = async (message) => {
 		message_input.innerHTML = ``;
 		message_input.innerText = ``;
 
-		add_conversation(window.conversation_id, message.substr(0, 20));
+		add_conversation(window.conversation_id, message.substr(0, 16));
 		window.scrollTo(0, 0);
 		window.controller = new AbortController();