From 9c2302bbfc7ba9db95209407cd0a926b56c6cf29 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Tue, 8 Jul 2025 22:43:52 +0800
Subject: [PATCH] fix: add right padding to prevent italic text truncation

---
 src/components/ContentPreview/CommunityDefinitionPreview.tsx | 2 +-
 src/components/ContentPreview/GroupMetadataPreview.tsx       | 2 +-
 src/components/ContentPreview/LiveEventPreview.tsx           | 2 +-
 src/components/ContentPreview/LongFormArticlePreview.tsx     | 2 +-
 src/components/ContentPreview/index.tsx                      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ContentPreview/CommunityDefinitionPreview.tsx b/src/components/ContentPreview/CommunityDefinitionPreview.tsx
index ca3ab8ff..8f3a16b1 100644
--- a/src/components/ContentPreview/CommunityDefinitionPreview.tsx
+++ b/src/components/ContentPreview/CommunityDefinitionPreview.tsx
@@ -18,7 +18,7 @@ export default function CommunityDefinitionPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Community')}] <span className="italic">{metadata.name}</span>
+      [{t('Community')}] <span className="italic pr-0.5">{metadata.name}</span>
     </div>
   )
 }
diff --git a/src/components/ContentPreview/GroupMetadataPreview.tsx b/src/components/ContentPreview/GroupMetadataPreview.tsx
index e953978f..101dfc4b 100644
--- a/src/components/ContentPreview/GroupMetadataPreview.tsx
+++ b/src/components/ContentPreview/GroupMetadataPreview.tsx
@@ -18,7 +18,7 @@ export default function GroupMetadataPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Group')}] <span className="italic">{metadata.name}</span>
+      [{t('Group')}] <span className="italic pr-0.5">{metadata.name}</span>
     </div>
   )
 }
diff --git a/src/components/ContentPreview/LiveEventPreview.tsx b/src/components/ContentPreview/LiveEventPreview.tsx
index 648c0c4c..887b1a49 100644
--- a/src/components/ContentPreview/LiveEventPreview.tsx
+++ b/src/components/ContentPreview/LiveEventPreview.tsx
@@ -18,7 +18,7 @@ export default function LiveEventPreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Live event')}] <span className="italic">{metadata.title}</span>
+      [{t('Live event')}] <span className="italic pr-0.5">{metadata.title}</span>
     </div>
   )
 }
diff --git a/src/components/ContentPreview/LongFormArticlePreview.tsx b/src/components/ContentPreview/LongFormArticlePreview.tsx
index 18b3dbe9..0b1ae711 100644
--- a/src/components/ContentPreview/LongFormArticlePreview.tsx
+++ b/src/components/ContentPreview/LongFormArticlePreview.tsx
@@ -18,7 +18,7 @@ export default function LongFormArticlePreview({
 
   return (
     <div className={cn('pointer-events-none', className)} onClick={onClick}>
-      [{t('Article')}] <span className="italic">{metadata.title}</span>
+      [{t('Article')}] <span className="italic pr-0.5">{metadata.title}</span>
     </div>
   )
 }
diff --git a/src/components/ContentPreview/index.tsx b/src/components/ContentPreview/index.tsx
index 03ececb9..e76cff0f 100644
--- a/src/components/ContentPreview/index.tsx
+++ b/src/components/ContentPreview/index.tsx
@@ -43,7 +43,7 @@ export default function ContentPreview({
   if (event.kind === kinds.Highlights) {
     return (
       <div className={cn('pointer-events-none', className)}>
-        [{t('Highlight')}] <span className="italic">{event.content}</span>
+        [{t('Highlight')}] <span className="italic pr-0.5">{event.content}</span>
       </div>
     )
   }