fix(ui): fixed width button (argoproj#6883)

Signed-off-by: Tianchu Zhao <evantczhao@gmail.com> Signed-off-by: kriti-sc <kathuriakriti1@gmail.com>
kriti-sc · Oct 24, 2021 · 4f8bf79 · 4f8bf79
1 parent 53d7f34
commit 4f8bf79
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/ui/src/app/shared/components/graph/graph-panel.tsx b/ui/src/app/shared/components/graph/graph-panel.tsx
@@ -134,16 +134,16 @@ export const GraphPanel = (props: Props) => {
                         ]}
                     />
                     <a onClick={() => setHorizontal(s => !s)} title='Horizontal/vertical layout'>
-                        <i className={`fa ${horizontal ? 'fa-long-arrow-alt-right' : 'fa-long-arrow-alt-down'}`} />
+                        <i className={`fa ${horizontal ? 'fa-long-arrow-alt-right' : 'fa-long-arrow-alt-down'} fa-fw`} />
                     </a>
                     <a onClick={() => setNodeSize(s => s * 1.2)} title='Zoom in'>
-                        <i className='fa fa-search-plus' />
+                        <i className='fa fa-search-plus fa-fw' />
                     </a>
                     <a onClick={() => setNodeSize(s => s / 1.2)} title='Zoom out'>
-                        <i className='fa fa-search-minus' />
+                        <i className='fa fa-search-minus fa-fw' />
                     </a>
                     <a onClick={() => setFast(s => !s)} title='Use faster, but less pretty renderer' className={fast ? 'active' : ''}>
-                        <i className='fa fa-bolt' />
+                        <i className='fa fa-bolt fa-fw' />
                     </a>
                     {props.options}
                     <div className='node-search-bar'>

diff --git a/ui/src/app/workflows/components/workflow-dag/workflow-dag-render-options-panel.tsx b/ui/src/app/workflows/components/workflow-dag/workflow-dag-render-options-panel.tsx
@@ -17,7 +17,7 @@ export class WorkflowDagRenderOptionsPanel extends React.Component<WorkflowDagRe
                         })
                     }
                     title='Collapse all nodes'>
-                    <i className='fa fa-compress' data-fa-transform='rotate-45' />
+                    <i className='fa fa-compress fa-fw' data-fa-transform='rotate-45' />
                 </a>
                 <a
                     onClick={() =>
@@ -27,7 +27,7 @@ export class WorkflowDagRenderOptionsPanel extends React.Component<WorkflowDagRe
                         })
                     }
                     title='Expand all nodes'>
-                    <i className='fa fa-expand' data-fa-transform='rotate-45' />
+                    <i className='fa fa-expand fa-fw' data-fa-transform='rotate-45' />
                 </a>
             </>
         );