style: make preview more readable

ubiquity · Dec 4, 2023 · 4926fe7 · 4926fe7
1 parent 7a53516
commit 4926fe7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git 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
@@ -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;
   }
 }