Minor font tuning for chat messages #924

Author: devopvoid

src/component/chat-box/chat-message.css

@@ -20,6 +20,7 @@ pre {
 	margin: 0;
 	padding: 0;
 	font-family: inherit;
+	font-size: var(--sl-font-size-medium);
 	white-space: pre-wrap;
 }
 
@@ -40,9 +41,11 @@ pre {
 .reply-message-boxed {
 	font-size: var(--sl-font-size-x-small);
 	background: var(--sl-color-gray-100);
+	box-shadow: var(--sl-shadow-medium);
 	width: 100%;
 	border-radius: 3px;
 	border-left: 3px solid var(--sl-color-neutral-500);
+	margin-bottom: 0.25rem;
 }
 .reply-message-content {
 	overflow-wrap: break-word;

src/component/chat-form/chat-form.css

@@ -42,7 +42,7 @@ form pre {
 	margin: 0;
 	padding: 0;
 	font-family: inherit;
-	font-size: small;
+	font-size: var(--sl-font-size-medium);
 	white-space: pre-wrap;
 }