From 979f6a3a80f6073ac1b463c6f16695e136f863ad Mon Sep 17 00:00:00 2001
From: patdyn <erik.seiert@meissa-gmbh.de>
Date: Fri, 31 May 2024 11:05:54 +0200
Subject: [PATCH] Fix word wrap in chrome

---
 public/post.css                             | 15 ++++++++++-----
 src/main/dda/masto_embed/resources/post.css | 15 ++++++++++-----
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/public/post.css b/public/post.css
index 737d7d6..94aac19 100644
--- a/public/post.css
+++ b/public/post.css
@@ -8,7 +8,10 @@
   grid: ". post ." / auto auto auto;
 
   font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
-
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+  
   .mastodon-post {
     grid-area: post;
     justify-self: center;
@@ -119,9 +122,10 @@
       .mastodon-post-link-info {
         grid-area: info;
         grid: 
-        "." "link-title" "."
-        "." "link-description" "."
-        "." "link-url" "." / auto auto auto;
+        "link-title"
+        "link-description"
+        "link-url"
+        / auto;
         padding: var(--small);
         
         .mastodon-post-link-title {
@@ -131,8 +135,9 @@
         }
       
         .mastodon-post-link-description {
-          color: #383838;
           grid-area: link-description;
+          color: #383838;
+          padding-bottom: var(--medium);
         }
       
         .mastodon-post-link-url {
diff --git a/src/main/dda/masto_embed/resources/post.css b/src/main/dda/masto_embed/resources/post.css
index 737d7d6..94aac19 100644
--- a/src/main/dda/masto_embed/resources/post.css
+++ b/src/main/dda/masto_embed/resources/post.css
@@ -8,7 +8,10 @@
   grid: ". post ." / auto auto auto;
 
   font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
-
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+  
   .mastodon-post {
     grid-area: post;
     justify-self: center;
@@ -119,9 +122,10 @@
       .mastodon-post-link-info {
         grid-area: info;
         grid: 
-        "." "link-title" "."
-        "." "link-description" "."
-        "." "link-url" "." / auto auto auto;
+        "link-title"
+        "link-description"
+        "link-url"
+        / auto;
         padding: var(--small);
         
         .mastodon-post-link-title {
@@ -131,8 +135,9 @@
         }
       
         .mastodon-post-link-description {
-          color: #383838;
           grid-area: link-description;
+          color: #383838;
+          padding-bottom: var(--medium);
         }
       
         .mastodon-post-link-url {