fix(ui): set arrow into negative space in pod-terminal-viewer (argopr…

…oj#13060) Signed-off-by: Nicholas Orlowsky <nickorlow@nickorlow.com> Co-authored-by: Michael Crenshaw <350466+crenshaw-dev@users.noreply.github.com>
tesla59 · Dec 16, 2023 · b1f85b8 · b1f85b8
1 parent a6df335
commit b1f85b8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ui/src/app/applications/components/pod-terminal-viewer/pod-terminal-viewer.scss b/ui/src/app/applications/components/pod-terminal-viewer/pod-terminal-viewer.scss
@@ -5,3 +5,7 @@
         padding: 10px 20px;
     }
 }
+
+.negative-space-arrow {
+    margin-left: -10px;
+}
diff --git a/ui/src/app/applications/components/pod-terminal-viewer/pod-terminal-viewer.tsx b/ui/src/app/applications/components/pod-terminal-viewer/pod-terminal-viewer.tsx
@@ -241,7 +241,7 @@ export const PodTerminalViewer: React.FC<PodTerminalViewerProps> = ({
                                         onClickContainer(group, i, 'exec');
                                     }
                                 }}>
-                                {container.name === containerName && <i className='fa fa-angle-right' />}
+                                {container.name === containerName && <i className='fa fa-angle-right negative-space-arrow' />}
                                 <span title={container.name}>{container.name}</span>
                             </div>
                         ))}