From 4926fe7df55a827a9548c196b47740bbbbd7cac1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?=
 =?UTF-8?q?=E3=83=BC=2Eeth?= <gpg@pavlovcik.com>
Date: Tue, 5 Dec 2023 00:57:58 +0900
Subject: [PATCH] style: make preview more readable

---
 static/style/inverted-style.css | 7 ++++---
 static/style/style.css          | 8 ++++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
index 277c70ed..eafe6322 100644
--- a/static/style/inverted-style.css
+++ b/static/style/inverted-style.css
@@ -511,11 +511,12 @@
     /* justify-content: space-between; */
     margin-bottom: 8px;
   }
-  .preview-header > a  {
-
+  .preview-header > a {
+    word-wrap: initial;
   }
   .preview-header > a > h1 {
     word-wrap: initial;
+    word-break: normal;
   }
   .preview-body {
     margin: 16px;
@@ -533,7 +534,7 @@
     right: 0;
     top: 0;
     margin: 8px;
-    height: 48px;
+    /* height: 48px; */
   }
   .preview li {
     margin-bottom: 8px;
diff --git a/static/style/style.css b/static/style/style.css
index 3938cd76..948343e8 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -438,9 +438,10 @@
     pointer-events: none;
   }
   .preview p {
-    line-height: 1.25;
+    line-height: 1.5;
     word-break: break-word;
     margin-bottom: 12px;
+    letter-spacing: 0;
   }
   .preview img {
     max-width: 100%;
@@ -511,7 +512,9 @@
     /* justify-content: space-between; */
     margin-bottom: 8px;
   }
-  .preview-header > a  {word-wrap: initial;}
+  .preview-header > a {
+    word-wrap: initial;
+  }
   .preview-header > a > h1 {
     word-wrap: initial;
     word-break: normal;
@@ -536,5 +539,6 @@
   }
   .preview li {
     margin-bottom: 8px;
+    letter-spacing: 0;
   }
 }