diff --git a/ui/src/components/DropdownSelect/index.js b/ui/src/components/DropdownSelect/index.js index 0e24f42..d88b386 100644 --- a/ui/src/components/DropdownSelect/index.js +++ b/ui/src/components/DropdownSelect/index.js @@ -27,7 +27,6 @@ const DropdownSelect = ({items, value, onChange, creatable=false, clearable=fals styles={{ control: (provided) => ({ ...provided, - height: height, minHeight: height, borderRadius: 2, borderColor: COLORS["color-grey-light"], @@ -79,7 +78,7 @@ const DropdownSelect = ({items, value, onChange, creatable=false, clearable=fals }), valueContainer: (provided) => ({ ...provided, - height: innerHeight, + minHeight: innerHeight, padding: (small && isMulti) ? "0 8px" : "2px 8px" }), singleValue: (provided) => ({ diff --git a/ui/src/layout/RuntimeScan/ScanConfiguration/scan-configuration.scss b/ui/src/layout/RuntimeScan/ScanConfiguration/scan-configuration.scss index e27f887..e683645 100644 --- a/ui/src/layout/RuntimeScan/ScanConfiguration/scan-configuration.scss +++ b/ui/src/layout/RuntimeScan/ScanConfiguration/scan-configuration.scss @@ -50,8 +50,7 @@ $inner-padding: 20px; margin-left: 6px; } .runtime-scan-select { - margin-left: $inner-padding; - margin-right: $inner-padding; + margin: 10px $inner-padding; width: 100%; } .scan-button { diff --git a/ui/src/layout/RuntimeScan/index.js b/ui/src/layout/RuntimeScan/index.js index 2826a0d..85f253d 100644 --- a/ui/src/layout/RuntimeScan/index.js +++ b/ui/src/layout/RuntimeScan/index.js @@ -3,6 +3,7 @@ import { isEmpty } from 'lodash'; import PageContainer from 'components/PageContainer'; import Loader from 'components/Loader'; import TopBarTitle from 'components/TopBarTitle'; +import Icon, { ICON_NAMES } from 'components/Icon'; import { BoldText, formatDate } from 'utils/utils'; import useProgressLoaderReducer, { PROGRESS_LOADER_ACTIONS, PROPRESS_STATUSES } from './useProgressLoaderReducer'; import ScanConfiguration from './ScanConfiguration'; @@ -22,7 +23,7 @@ const RuntimeScan = () => { const doStartScan = (namespaces) => dispatch({type: PROGRESS_LOADER_ACTIONS.DO_START_SCAN, payload: {namespaces}}); const doStopScan = () => dispatch({type: PROGRESS_LOADER_ACTIONS.DO_STOP_SCAN}); - const {failures, vulnerabilityPerSeverity, cisDockerBenchmarkCountPerLevel, cisDockerBenchmarkScanEnabled} = scanResults || {}; + const {failures, vulnerabilityPerSeverity, cisDockerBenchmarkCountPerLevel, cisDockerBenchmarkScanEnabled, endTime} = scanResults || {}; const isInProgress = [PROPRESS_STATUSES.IN_PROGRESS.value, PROPRESS_STATUSES.FINALIZING.value].includes(status); return ( @@ -39,12 +40,22 @@ const RuntimeScan = () => {