From e7f8f3797021d9dedb9131ead73a23fab92a11fa Mon Sep 17 00:00:00 2001
From: avelichk <andrey.velichkevich@gmail.com>
Date: Thu, 22 Oct 2020 03:06:57 +0100
Subject: [PATCH] Add checkbox style

---
 .../src/components/HP/Create/Params/Objective.jsx      | 10 ++++++----
 .../src/components/NAS/Create/Params/Objective.jsx     | 10 ++++++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/pkg/ui/v1beta1/frontend/src/components/HP/Create/Params/Objective.jsx b/pkg/ui/v1beta1/frontend/src/components/HP/Create/Params/Objective.jsx
index 2e45e6ec234..5b53d2f8110 100644
--- a/pkg/ui/v1beta1/frontend/src/components/HP/Create/Params/Objective.jsx
+++ b/pkg/ui/v1beta1/frontend/src/components/HP/Create/Params/Objective.jsx
@@ -47,6 +47,9 @@ const useStyles = makeStyles({
   selectBox: {
     width: 150,
   },
+  checkBox: {
+    textAlign: 'center',
+  },
 });
 
 const Objective = props => {
@@ -169,7 +172,7 @@ const Objective = props => {
         </Grid>
       </Grid>
       <Grid container alignItems={'center'} className={classes.parameter}>
-        <Grid item xs={12} sm={2}>
+        <Grid item sm={2}>
           <Typography variant={'subtitle1'}>
             <Tooltip title={'Strategy for extracting metrics to calculate objective'}>
               <HelpOutlineIcon className={classes.help} color={'primary'} />
@@ -177,9 +180,8 @@ const Objective = props => {
             MetricStrategies (optional)
           </Typography>
         </Grid>
-        <Grid item xs={12} sm={1}>
+        <Grid item sm={1} className={classes.checkBox}>
           <FormControlLabel
-            className={classes.checkBox}
             control={
               <Checkbox
                 checked={checkedSetStrategies}
@@ -191,7 +193,7 @@ const Objective = props => {
           />
         </Grid>
         {checkedSetStrategies && (
-          <Grid item xs={12} sm={9}>
+          <Grid item sm={9}>
             {props.metricStrategies.map((metric, mIndex) => {
               return (
                 <Grid container key={mIndex} className={classes.parameter}>
diff --git a/pkg/ui/v1beta1/frontend/src/components/NAS/Create/Params/Objective.jsx b/pkg/ui/v1beta1/frontend/src/components/NAS/Create/Params/Objective.jsx
index f010c56610f..99c93d2011a 100644
--- a/pkg/ui/v1beta1/frontend/src/components/NAS/Create/Params/Objective.jsx
+++ b/pkg/ui/v1beta1/frontend/src/components/NAS/Create/Params/Objective.jsx
@@ -47,6 +47,9 @@ const useStyles = makeStyles({
   selectBox: {
     width: 150,
   },
+  checkBox: {
+    textAlign: 'center',
+  },
 });
 
 const Objective = props => {
@@ -169,7 +172,7 @@ const Objective = props => {
         </Grid>
       </Grid>
       <Grid container alignItems={'center'} className={classes.parameter}>
-        <Grid item xs={12} sm={2}>
+        <Grid item sm={2}>
           <Typography variant={'subtitle1'}>
             <Tooltip title={'Strategy for extracting metrics to calculate objective'}>
               <HelpOutlineIcon className={classes.help} color={'primary'} />
@@ -177,9 +180,8 @@ const Objective = props => {
             MetricStrategies (optional)
           </Typography>
         </Grid>
-        <Grid item xs={12} sm={1}>
+        <Grid item sm={1} className={classes.checkBox}>
           <FormControlLabel
-            className={classes.checkBox}
             control={
               <Checkbox
                 checked={checkedSetStrategies}
@@ -191,7 +193,7 @@ const Objective = props => {
           />
         </Grid>
         {checkedSetStrategies && (
-          <Grid item xs={12} sm={9}>
+          <Grid item sm={9}>
             {props.metricStrategies.map((metric, mIndex) => {
               return (
                 <Grid container key={mIndex} className={classes.parameter}>