From 657aad15a525e7624b09f64491eb61d72f3fc53c Mon Sep 17 00:00:00 2001 From: poorvarathore05 Date: Fri, 3 Jun 2022 16:34:26 -0700 Subject: [PATCH 1/3] change in css properties to align items --- .../ProjectWizard/RuleCalculation/RuleCalculation.js | 4 ++-- .../ProjectWizard/RuleInput/ParkingProvidedRuleInput.js | 5 +++-- .../ProjectWizard/WizardPages/ProjectTargetPoints.js | 1 - 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/client/src/components/ProjectWizard/RuleCalculation/RuleCalculation.js b/client/src/components/ProjectWizard/RuleCalculation/RuleCalculation.js index dd98b929..cf7ed52a 100644 --- a/client/src/components/ProjectWizard/RuleCalculation/RuleCalculation.js +++ b/client/src/components/ProjectWizard/RuleCalculation/RuleCalculation.js @@ -10,7 +10,7 @@ const useStyles = createUseStyles({ margin: "1em", display: "flex", flexDirection: "row", - justifyContent: "center" + justifyContent: "flex-end" }, numberFieldWrapper: { marginBottom: "2em", @@ -44,7 +44,7 @@ const useStyles = createUseStyles({ calcUnitsCaption: { flexBasis: "33%", marginRight: "0.5em", - textAlign: "center", + textAlign: "left", flexGrow: "0", flexShrink: "1" }, diff --git a/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js b/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js index b674ad50..46ebffa6 100644 --- a/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js +++ b/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js @@ -24,11 +24,12 @@ const useStyles = createUseStyles({ textAlign: "center" }, input: { - padding: "8px 5em 8px 8px", + padding: "8px 5em 8px 4px", textAlign: "right", margin: ".5em auto", height: 45, - width: "50%" + width: "50%", + fontSize: "large" }, unit: { position: "relative", diff --git a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js index 5e7f6edc..c4a35a3c 100644 --- a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js +++ b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js @@ -35,7 +35,6 @@ const useStyles = createUseStyles({ fontSize: 40, fontWeight: "bold", width: "2em", - textAlign: "right", position: "relative", bottom: 6 }, From f4b54329045fff18fbcba229538c676fdd634563 Mon Sep 17 00:00:00 2001 From: poorvarathore05 Date: Fri, 3 Jun 2022 16:42:28 -0700 Subject: [PATCH 2/3] change in css properties to align items --- .../components/ProjectWizard/WizardPages/ProjectTargetPoints.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js index c4a35a3c..618063c3 100644 --- a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js +++ b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js @@ -31,7 +31,7 @@ const useStyles = createUseStyles({ } }, PLValue: { - marginLeft: ".5em", + marginLeft: "1.5em", fontSize: 40, fontWeight: "bold", width: "2em", From 7d9824845f8e9b8d51b6cebd42e5cc8b761bfdd2 Mon Sep 17 00:00:00 2001 From: poorvarathore05 Date: Mon, 6 Jun 2022 16:28:21 -0700 Subject: [PATCH 3/3] change in css props to align values --- .../ProjectWizard/RuleInput/ParkingProvidedRuleInput.js | 4 ++-- .../ProjectWizard/WizardPages/ProjectTargetPoints.js | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js b/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js index 46ebffa6..f5ac765c 100644 --- a/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js +++ b/client/src/components/ProjectWizard/RuleInput/ParkingProvidedRuleInput.js @@ -24,7 +24,7 @@ const useStyles = createUseStyles({ textAlign: "center" }, input: { - padding: "8px 5em 8px 4px", + padding: "8px 4em 8px 8px", textAlign: "right", margin: ".5em auto", height: 45, @@ -33,7 +33,7 @@ const useStyles = createUseStyles({ }, unit: { position: "relative", - marginLeft: "-3.5em" + marginLeft: "-70px" }, error: { color: "red" diff --git a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js index 618063c3..af3969a7 100644 --- a/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js +++ b/client/src/components/ProjectWizard/WizardPages/ProjectTargetPoints.js @@ -31,12 +31,13 @@ const useStyles = createUseStyles({ } }, PLValue: { - marginLeft: "1.5em", + marginLeft: "1.2em", fontSize: 40, fontWeight: "bold", width: "2em", position: "relative", - bottom: 6 + bottom: 6, + textAlign: "right" }, PLLabel: { flex: 2,