diff --git a/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss b/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss index 65f18b9410ca..3e9a03ad1463 100644 --- a/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss +++ b/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss @@ -26,3 +26,10 @@ background-color: transparent; border: 0; } + +.wf-filters-container__content { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} \ No newline at end of file diff --git a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx index 660b687c7473..dd964308993c 100644 --- a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx +++ b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import DatePicker from 'react-datepicker'; +import 'react-datepicker/dist/react-datepicker.css'; import * as models from '../../../../models'; import {WorkflowPhase} from '../../../../models'; import {CheckboxFilter} from '../../../shared/components/checkbox-filter/checkbox-filter'; @@ -96,7 +97,7 @@ export class WorkflowFilters extends React.Component {

Started Time

-
+
{ @@ -114,7 +115,7 @@ export class WorkflowFilters extends React.Component {
-
+
{