From 7104cc5b69679e8a82b2cfcf123fc449984eb5e8 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Mon, 24 Mar 2025 21:43:46 +0100
Subject: [PATCH] Specify smaller size definition for circle icon

---
 scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx b/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
index 99b1538c43..3d71ba683c 100644
--- a/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
+++ b/scm-ui/ui-components/src/repos/diff/DiffFileTree.tsx
@@ -28,7 +28,13 @@ const StackedSpan = styled.span`
   font-size: 0.5em;
 `;
 
-const StyledIcon = styled(Icon)`
+const StyledIcon = styled(Icon)<{ isSmaller?: boolean }>`
+  ${({ isSmaller }) =>
+    isSmaller &&
+    `
+      font-size: 0.5em;
+      margin-top: 0.05rem;
+  `}
   min-width: 1.5rem;
 `;
 
@@ -147,6 +153,7 @@ const TreeFile: FC<FileProps> = ({ changeType, path, parentPath, currentFile, se
         <StackedSpan className="fa-stack">
           <StyledIcon
             className={classNames("fa-stack-2x", `has-text-${getColor(changeType)}`)}
+            isSmaller={getIcon(changeType) === "circle"}
             key={completePath + "file"}
             type="fas"
             alt={t("diff.showContent")}
@@ -165,6 +172,7 @@ const TreeFile: FC<FileProps> = ({ changeType, path, parentPath, currentFile, se
         <StackedSpan className="fa-stack">
           <StyledIcon
             className={classNames("fa-stack-2x", `has-text-${getColor(changeType)}`)}
+            isSmaller={getIcon(changeType) === "circle"}
             key={completePath + "file"}
             type="far"
             alt={t("diff.showContent")}