From cecdbda7e40832313e27eb53fd17b58d6fd3211c Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 5 Nov 2024 00:43:03 +0600
Subject: [PATCH] web/layout: update long text heading styling & add table
 styling

---
 web/src/routes/+layout.svelte | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 598f71da..a9d68837 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -464,7 +464,7 @@
 
     :global(.long-text-noto),
     :global(.long-text-noto *:not(h1, h2, h3, h4, h5, h6)) {
-        line-height: 1.7;
+        line-height: 1.8;
         font-size: 14.5px;
         font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
         user-select: text;
@@ -478,15 +478,46 @@
 
     :global(.long-text-noto ul) {
         padding-inline-start: 30px;
-        margin-block-start: 9px;
     }
 
     :global(.long-text-noto li) {
         padding-left: 3px;
     }
 
+    :global(.long-text-noto h1),
+    :global(.long-text-noto h2),
+    :global(.long-text-noto h3) {
+        user-select: text;
+        -webkit-user-select: text;
+        letter-spacing: 0;
+        margin-block-start: 1rem;
+    }
+
     :global(.long-text-noto h3) {
         font-size: 17px;
+        margin-block-end: -0.5rem;
+    }
+
+    :global(.long-text-noto h2) {
+        font-size: 19px;
+        line-height: 1.3;
+        margin-block-end: -0.3rem;
+    }
+
+    :global(table),
+    :global(td),
+    :global(th) {
+        border-spacing: 0;
+        border-style: solid;
+        border-width: 1px;
+        border-collapse: collapse;
+        text-align: center;
+        padding: 3px 8px;
+    }
+
+    :global(tr td:first-child),
+    :global(tr th:first-child) {
+        text-align: right;
     }
 
     :global(.long-text-noto.about section p:first-of-type) {