From e604cfeec95c757f682ce30442ebcf5b42bef1d3 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Wed, 8 May 2024 17:28:28 +0530
Subject: [PATCH] [WEB-1040] fix: list layout indentation fix (#4406)

---
 .../issues/issue-layouts/list/block.tsx          | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/components/issues/issue-layouts/list/block.tsx b/web/components/issues/issue-layouts/list/block.tsx
index 075323a41..f2915f0bc 100644
--- a/web/components/issues/issue-layouts/list/block.tsx
+++ b/web/components/issues/issue-layouts/list/block.tsx
@@ -97,12 +97,16 @@ export const IssueBlock: React.FC<IssueBlockProps> = observer((props: IssueBlock
       <div className="flex w-full truncate" style={issue.parent_id && nestingLevel !== 0 ? { paddingLeft } : {}}>
         <div className="flex flex-grow items-center gap-3 truncate">
           <div className="flex items-center gap-1.5">
-            <button
-              className="flex items-center justify-center h-5 w-5 cursor-pointer rounded-sm text-custom-text-400  hover:text-custom-text-300"
-              onClick={handleToggleExpand}
-            >
-              <ChevronRight className={`h-4 w-4 ${isExpanded ? "rotate-90" : ""}`} />
-            </button>
+            <div className="flex h-5 w-5 items-center justify-center">
+              {issue.sub_issues_count > 0 && (
+                <button
+                  className="flex items-center justify-center h-5 w-5 cursor-pointer rounded-sm text-custom-text-400  hover:text-custom-text-300"
+                  onClick={handleToggleExpand}
+                >
+                  <ChevronRight className={`h-4 w-4 ${isExpanded ? "rotate-90" : ""}`} />
+                </button>
+              )}
+            </div>
             {displayProperties && displayProperties?.key && (
               <div className="flex-shrink-0 text-xs font-medium text-custom-text-300">
                 {projectIdentifier}-{issue.sequence_id}