Appearance tweaks, fix new message bug

web/src/index.css

@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 :root {
-  --background: 282 33% 10%;
+  --background: 282 33% 8%;
   --foreground: 300 35% 95%;
   --muted: 287 24% 16%;
   --muted-foreground: 297 16% 72%;
@@ -31,7 +31,7 @@ body,
 
 body {
   @apply bg-background text-foreground antialiased;
-  background-image: radial-gradient(circle at top, hsl(274 42% 20%) 0%, hsl(271 34% 14%) 42%, hsl(266 32% 9%) 100%);
+  background-image: radial-gradient(circle at top, hsl(274 42% 18%) 0%, hsl(271 34% 12%) 42%, hsl(266 32% 7%) 100%);
   font-family: "Soehne", "Avenir Next", "Segoe UI", sans-serif;
 }
 
@@ -43,10 +43,33 @@ body {
   margin-top: 0.85rem;
 }
 
+.md-content h1,
+.md-content h2,
+.md-content h3 {
+  line-height: 1.25;
+  margin-top: 1.2rem;
+  margin-bottom: 0.45rem;
+  font-weight: 700;
+}
+
+.md-content h1 {
+  font-size: 1.45rem;
+}
+
+.md-content h2 {
+  font-size: 1.25rem;
+}
+
+.md-content h3 {
+  font-size: 1.1rem;
+}
+
 .md-content ul,
 .md-content ol {
   margin-top: 0.65rem;
-  margin-left: 1.25rem;
+  margin-left: 0;
+  padding-left: 0;
+  list-style-position: inside;
 }
 
 .md-content li + li {