From f4410db8b33ec522ea60a882fb0d8bb47726e988 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 24 Jul 2024 13:10:13 +0800
Subject: [PATCH] Fix overflow on mobile due to long name of a commentor

---
 src/_bundle/css/comments.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/_bundle/css/comments.css b/src/_bundle/css/comments.css
index 6e5a44a8..eb4aafbf 100644
--- a/src/_bundle/css/comments.css
+++ b/src/_bundle/css/comments.css
@@ -110,7 +110,7 @@ gw-comment-card.collapsed .comment-header-right time { display: none; }
 
 .comment-header {
     display: grid;
-    grid-template-columns: 0fr max-content 1fr;
+    grid-template-columns: 0fr auto 1fr;
     gap: 0.4em;
     align-items: baseline;
 }
@@ -136,4 +136,5 @@ gw-comment-card.collapsed .comment-header-right time { display: none; }
 .commenter-name {
     font-size: 1.1em;
     font-weight: 700;
+    overflow-wrap: break-word;
 }