From fcc3be798a2e0781d0f42919913daaab7a744549 Mon Sep 17 00:00:00 2001
From: MathMan05 <mathmanrm@gmail.com>
Date: Tue, 13 Aug 2024 14:27:18 -0500
Subject: [PATCH] updates to typebox

---
 webpage/index.html |  4 +++-
 webpage/style.css  | 33 +++++++++++++++++++++++++--------
 webpage/themes.css |  2 +-
 3 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/webpage/index.html b/webpage/index.html
index e76f8d8..d307620 100644
--- a/webpage/index.html
+++ b/webpage/index.html
@@ -62,7 +62,9 @@
             <div id="pasteimage"></div>
             <div id="replybox" class="hideReplyBox"></div>
             <div id="typediv">
-                <div id="typebox" contentEditable="true"></div>
+                <div id="realbox">
+                    <div id="typebox" contentEditable="true"></div>
+                </div>
                 <div id="typing" class="hidden">
                     <p id="typingtext">typing</p>
                     <div class="loading-indicator">
diff --git a/webpage/style.css b/webpage/style.css
index a61e9eb..872c23c 100644
--- a/webpage/style.css
+++ b/webpage/style.css
@@ -373,20 +373,36 @@ div {
 
 #typebox {
 	font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-	padding: 3px;
-	border-radius: .25cm;
-	width: 100%;
-	min-height: .6in;
-	z-index: -100;
-	display: flex;
+	min-height: .4in;
 	max-height: 1.5in;
 	overflow-y: auto;
+	flex-grow:1;
+	
+}
+#realbox{
+	padding: .05in;
+	border-radius: .25cm;
+	z-index: -100;
+	width: calc(100% - .2in);
+	box-sizing: border-box;
 	color: var(--primary-text);
 	background: var(--textarea-bg);
-	border: 1px solid;
+	/* border: 1px solid var(--black); */
 	box-sizing: border-box;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	align-items: stretch;
+	margin: .0in .1in .15in .1in;
+	box-shadow: 0 .01in .05in black;
+}
+#typebox:focus{
+	border-color: inherit;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	outline: none !important;
+    outline-offset: 0px !important;
 }
-
 p {
 	transition: background .1s ease-in-out, color .1s ease-in-out;
 	/* width: 100%; */
@@ -444,6 +460,7 @@ p {
 	position: relative;
 	/* display: flex; */
 	width: 100%;
+	background: transparent;
 }
 hr {
 	border-style: solid;
diff --git a/webpage/themes.css b/webpage/themes.css
index 07e6b87..b804436 100644
--- a/webpage/themes.css
+++ b/webpage/themes.css
@@ -27,7 +27,7 @@
 	--quote-bg: #7a798e;
 	--button-bg: color-mix(in srgb, #303030 80%, var(--accent-color));
 	--button-hover: #282832;
-	--textarea-bg: color-mix(in srgb, #272727 85%, var(--accent-color));
+	--textarea-bg: color-mix(in srgb, #484848 80%, var(--accent-color));
 	--filename: #47bbff;
 	--mention-bg: #F00;
 	--pronouns: #797979;