UI: aggressive hyphenation disable and left alignment for all text

2026-05-10 13:57:43 +02:00
parent c6c6a05c47
commit fe7acfa927
1 changed files with 9 additions and 2 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -23,11 +23,16 @@ body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--font-sans);
+  text-align: left;
+  hyphens: none !important;
+}
+
+* {
+  hyphens: none !important;
 }

 .prose {
-  text-align: justify;
-  text-justify: inter-word;
+  text-align: left;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: break-word;
@@ -35,9 +40,11 @@ body {

 .prose p {
  margin-bottom: 1.25em;
+  text-align: left;
 }

 h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  hyphens: none !important;
+  text-align: left;
 }