got rid of message tables and fixed pre reply bug

webpage/style.css

@@ -70,6 +70,10 @@ th {
 	max-width:100%;
 	/* width: 9%; */
 	/* display: inline-block; */
+	display: flex;
+	flex-wrap: nowrap;
+	flex-direction: column;
+	max-height: 20in;
 }
 pre {
 	background-color: var(--code-bg);
@@ -222,33 +226,38 @@ img {
 
 .message {
 	width: 100%;
+	flex-wrap: nowrap !important;
+	overflow: auto !important;
 }
 
 .pfprow {
 	width: .5in;
+	flex-shrink: 0;
 }
 
 .commentrow {
 	width: 100%;
-    height: 100%;
-    vertical-align: top;
+	height: 100%;
+	vertical-align: top;
 	word-wrap: break-word;
 	text-align: left;
 	font-weight: normal;
 }
 
 #messagecontainer {
-	overflow: auto;
+	overflow-y: auto;
 	display: flex;
 	max-width: 100%;
 	flex-shrink: 1;
 	width: 100%;
 	/* flex-grow: 1; */
+	overflow-x: clip;
 }
 
 #messages {
 	max-width: 100%;
 	/* height: 100%; */
+	width: 100%;
 }
 
 p {
@@ -331,7 +340,7 @@ div {
 
 p {
 	transition: background .1s ease-in-out, color .1s ease-in-out;
-	width: 100%;
+	/* width: 100%; */
 }
 
 .username {
@@ -385,6 +394,7 @@ p {
 #typediv {
 	position: relative;
 	/* display: flex; */
+	width: 99%;
 }
 
 .loading-indicator {
@@ -480,6 +490,7 @@ p {
 .timestamp {
 	color: var(--timestamp-color);
 	font-size: .14in;
+	padding-left: .05in;
 }
 
 .replyflex {
@@ -537,7 +548,22 @@ p {
 	width: 25vw;
 	grid-column: 2;
 }
-
+.replytext pre {
+	padding: 0 .05in;
+	color: var(--reply-text);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	max-width: fit-content;
+	/* display: block; */
+	/* flex-grow: 1; */
+	flex: 1 1 auto;
+	width: fit-content;
+	min-width: 0;
+	/* display: inline-block !important; */
+	width: 25vw;
+	grid-column: 2;
+}
 ::-webkit-scrollbar {
 	width: .1in;
 	height: .1in;
@@ -1143,6 +1169,7 @@ span {
 	overflow: auto;
 	/* margin-bottom: 1in; */
 	/* padding-bottom: .1in; */
+	align-items: flex-start;
 }
 .settingbuttons{
 	padding-top:.075in;
@@ -1296,4 +1323,32 @@ span {
 	width:80vw;
 	display: flex;
 	flex-direction: column;
+}
+.flex{
+	display:flex;
+	h3{
+		width: fit-content;
+	}
+;
+}
+.pfprow .pfp{
+	width:.4in;
+	height:.4in;
+}
+.topMessage{
+	padding-top:.1in
+}
+.messagediv  .flexltr{
+	display:flex;
+	flex-wrap:wrap;
+	overflow:hidden !important;
+	max-height:100in;
+}
+.messagediv .flexttb{
+	display:flex;
+	overflow: hidden;
+	flex-wrap: wrap;
+	width: 100%;
+	flex-direction: row;
+	max-height:100in;
 }