From 70cf2df96a45d2acf846688ec10980cc30634c8a Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Tue, 1 Aug 2023 18:07:12 +0000
Subject: [PATCH] fix: [code-682]: fix overlapping issues in tables (#259)

---
 .../RepositoryContent/FolderContent/FolderContent.tsx          | 2 ++
 .../BranchesContent/BranchesContent.tsx                        | 3 ++-
 web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx       | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.tsx b/web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.tsx
index 2bda8ada9..6d6d62966 100644
--- a/web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.tsx
+++ b/web/src/pages/Repository/RepositoryContent/FolderContent/FolderContent.tsx
@@ -27,6 +27,7 @@ export function FolderContent({
         Cell: ({ row }: CellProps<OpenapiContentInfo>) => {
           return (
             <Text
+              lineClamp={1}
               className={css.rowText}
               color={Color.BLACK}
               icon={isFile(row.original) ? CodeIcon.File : CodeIcon.Folder}
@@ -47,6 +48,7 @@ export function FolderContent({
                 role="button"
                 color={Color.BLACK}
                 lineClamp={1}
+                padding={{ right: 'small' }}
                 className={css.rowText}
                 onClick={() => {
                   history.push(
diff --git a/web/src/pages/RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent.tsx b/web/src/pages/RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent.tsx
index c98bdce2b..a77fc9ff7 100644
--- a/web/src/pages/RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent.tsx
+++ b/web/src/pages/RepositoryBranches/RepositoryBranchesContent/BranchesContent/BranchesContent.tsx
@@ -60,6 +60,7 @@ export function BranchesContent({ repoMetadata, searchTerm = '', branches, onDel
         Cell: ({ row }: CellProps<RepoBranch>) => {
           return (
             <Text
+              lineClamp={1}
               className={cx(css.rowText, row.original?.name === repoMetadata.default_branch ? css.defaultBranch : '')}
               color={Color.BLACK}>
               <Link
@@ -101,7 +102,7 @@ export function BranchesContent({ repoMetadata, searchTerm = '', branches, onDel
         width: '200px',
         Cell: ({ row }: CellProps<RepoBranch>) => {
           return (
-            <Text className={css.rowText} color={Color.BLACK} tag="div">
+            <Text lineClamp={1} className={css.rowText} color={Color.BLACK} tag="div">
               <Avatar hoverCard={false} size="small" name={row.original.commit?.author?.identity?.name || ''} />
               <span className={css.spacer} />
               {formatDate(row.original.commit?.author?.when as string)}
diff --git a/web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx b/web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx
index f0f22bcf8..94cb49b22 100644
--- a/web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx
+++ b/web/src/pages/RepositoryTags/TagsContent/TagsContent.tsx
@@ -93,7 +93,7 @@ export function TagsContent({ repoMetadata, searchTerm = '', branches, onDeleteS
         width: '15%',
         Cell: ({ row }: CellProps<RepoCommitTag>) => {
           return (
-            <Text className={css.rowText} color={Color.BLACK} tag="div">
+            <Text lineClamp={1} className={css.rowText} color={Color.BLACK} tag="div">
               {row.original.tagger?.identity?.name ? (
                 <Avatar hoverCard={false} size="small" name={row.original.tagger?.identity?.name || ''} />
               ) : (