fix(ui): report phase button alignment (#6707)

Signed-off-by: Tianchu Zhao <[email protected]>
argoproj · Sep 12, 2021 · 1e31eb8 · 1e31eb8
1 parent fd53500
commit 1e31eb8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/ui/src/app/reports/components/reports.tsx b/ui/src/app/reports/components/reports.tsx
@@ -295,10 +295,12 @@ export class Reports extends BasePage<RouteComponentProps<any>, State> {
  <div className=' columns small-12 xlarge-12'>
  <p className='wf-filters-container__title'>Phase</p>
  {[NODE_PHASE.SUCCEEDED, NODE_PHASE.ERROR, NODE_PHASE.FAILED].map(phase => (
- <label key={phase} style={{marginRight: 10}}>
- <input type='radio' checked={phase === this.phase} onChange={() => (this.phase = phase)} style={{marginRight: 5}} />
- {phase}
- </label>
+ <div>
+ <label key={phase} style={{marginRight: 10}}>
+ <input type='radio' checked={phase === this.phase} onChange={() => (this.phase = phase)} style={{marginRight: 5}} />
+ {phase}
+ </label>
+ </div>
  ))}
  </div>
  </div>