From 71bf049e8918b6c8e168e308ab634739857c1ef3 Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Thu, 28 Dec 2023 14:30:33 +0530
Subject: [PATCH] Style/UI improvements (#3269)

* style: update `Workspace Issues` -> `All Issues` header.

* style: fix issue activity text overflow issue.
---
 web/components/headers/global-issues.tsx              | 2 +-
 web/components/issues/peek-overview/activity/card.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/headers/global-issues.tsx b/web/components/headers/global-issues.tsx
index ef4c2b3f5..0b27bdd81 100644
--- a/web/components/headers/global-issues.tsx
+++ b/web/components/headers/global-issues.tsx
@@ -95,7 +95,7 @@ export const GlobalIssuesHeader: React.FC<Props> = observer((props) => {
                   <PhotoFilterIcon className="h-4 w-4 text-custom-text-300" />
                 )
               }
-              label={`Workspace ${activeLayout === "spreadsheet" ? "Issues" : "Views"}`}
+              label={`All ${activeLayout === "spreadsheet" ? "Issues" : "Views"}`}
             />
           </Breadcrumbs>
         </div>
diff --git a/web/components/issues/peek-overview/activity/card.tsx b/web/components/issues/peek-overview/activity/card.tsx
index b8acb63d9..86d1a138c 100644
--- a/web/components/issues/peek-overview/activity/card.tsx
+++ b/web/components/issues/peek-overview/activity/card.tsx
@@ -88,7 +88,7 @@ export const IssueActivityCard: FC<IIssueActivityCard> = (props) => {
                         </div>
                       </div>
                       <div className="min-w-0 flex-1 py-3">
-                        <div className="break-words text-xs text-custom-text-200">
+                        <div className="flex gap-1 break-words text-xs text-custom-text-200">
                           {activityItem.field === "archived_at" && activityItem.new_value !== "restore" ? (
                             <span className="text-gray font-medium">Plane</span>
                           ) : activityItem.actor_detail.is_bot ? (
@@ -101,8 +101,8 @@ export const IssueActivityCard: FC<IIssueActivityCard> = (props) => {
                                   : activityItem.actor_detail.display_name}
                               </span>
                             </Link>
-                          )}{" "}
-                          {message}{" "}
+                          )}
+                          {message}
                           <Tooltip
                             tooltipContent={`${renderLongDateFormat(activityItem.created_at)}, ${render24HourFormatTime(
                               activityItem.created_at