fix(ui): button margin (#6699)

Signed-off-by: Tianchu Zhao <evantczhao@gmail.com>
argoproj · Sep 10, 2021 · 2e174bd · 2e174bd
1 parent 4b5d7ec
commit 2e174bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/ui/src/app/shared/components/button.tsx b/ui/src/app/shared/components/button.tsx
@@ -17,7 +17,11 @@ export const Button = ({
     icon?: Icon;
     className?: string;
 }) => (
-    <button className={'argo-button ' + (!outline ? 'argo-button--base' : 'argo-button--base-o') + ' ' + (className || '')} title={title} onClick={onClick}>
+    <button
+        style={{marginBottom: 2, marginRight: 2}}
+        className={'argo-button ' + (!outline ? 'argo-button--base' : 'argo-button--base-o') + ' ' + (className || '')}
+        title={title}
+        onClick={onClick}>
         {icon && <i className={'fa fa-' + icon} />} {children}
     </button>
 );
diff --git a/ui/src/app/shared/components/upload-button.tsx b/ui/src/app/shared/components/upload-button.tsx
@@ -10,7 +10,7 @@ export const UploadButton = <T extends any>(props: {onUpload: (value: T) => void
     };
 
     return (
-        <label className='argo-button argo-button--base-o' key='upload-file'>
+        <label style={{marginBottom: 2, marginRight: 2}} className='argo-button argo-button--base-o' key='upload-file'>
             <input type='file' onChange={e => handleFiles(e.target.files)} style={{display: 'none'}} />
             <i className='fa fa-upload' /> Upload file
         </label>