fix margin in back button (#217)

Signed-off-by: Lior Soffer <[email protected]>
Co-authored-by: Lior Soffer <[email protected]>

workspaces/orchestrator/.changeset/silent-taxis-burn.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-orchestrator-form-react': patch
+---
+
+fix margin in back button

workspaces/orchestrator/plugins/orchestrator-form-react/package.json

@@ -35,6 +35,7 @@
   "dependencies": {
     "@backstage/core-components": "^0.15.1",
     "@backstage/core-plugin-api": "^1.10.0",
+    "@backstage/types": "^1.1.1",
     "@material-ui/core": "^4.12.4",
     "@red-hat-developer-hub/backstage-plugin-orchestrator-form-api": "workspace:^",
     "@rjsf/core": "^5.21.2",
@@ -49,7 +50,6 @@
   },
   "devDependencies": {
     "@backstage/cli": "0.28.2",
-    "@backstage/types": "^1.1.1",
     "@types/json-schema": "7.0.15",
     "@types/lodash": "^4.14.151",
     "@types/react": "^18.2.58",

workspaces/orchestrator/plugins/orchestrator-form-react/src/components/ReviewStep.tsx

@@ -26,6 +26,9 @@ import { useStepperContext } from '../utils/StepperContext';
 import SubmitButton from './SubmitButton';
 
 const useStyles = makeStyles(theme => ({
+  backButton: {
+    marginRight: theme.spacing(1),
+  },
   footer: {
     display: 'flex',
     flexDirection: 'row',
@@ -70,7 +73,11 @@ const ReviewStep = ({
         <StructuredMetadataTable dense metadata={displayData} />
         <Box mb={4} />
         <div className={styles.footer}>
-          <Button onClick={handleBack} disabled={busy}>
+          <Button
+            onClick={handleBack}
+            className={styles.backButton}
+            disabled={busy}
+          >
             Back
           </Button>
           <SubmitButton