fix overflow issue

The-DevBlog · Oct 2, 2023 · 5bf4181 · 5bf4181
1 parent 67cd8e2
commit 5bf4181
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/devblog/devblog/ClientApp/src/components/Comment.tsx b/devblog/devblog/ClientApp/src/components/Comment.tsx
@@ -47,8 +47,8 @@ const Comment = (props: ICommentProps) => {
                 }
                 {(userName === props.userName || isAdmin) && <DeleteComment id={props.id} onCommentDelete={props.handleCommentChange} />}
                 <div className="date">
-                    <span className="">{date}</span>
-                    <span className="">{time}</span>
+                    <span>{date}</span>
+                    <span>{time}</span>
                 </div>
 
             </div>

diff --git a/devblog/devblog/ClientApp/src/components/styles/Comment.css b/devblog/devblog/ClientApp/src/components/styles/Comment.css
@@ -14,6 +14,7 @@
 
 .comment p {
     padding-left: 5px;
+    word-wrap: break-word;
     width: 85%;
 }