Fix wizard stepper that drifts out of window

marwyg · marwyg · commit 8c651711e05e · 2024-06-05T15:13:13.000+02:00
diff --git a/src/styles/components/_steps.scss b/src/styles/components/_steps.scss
@@ -110,4 +110,15 @@
             background: radial-gradient(ellipse at center,  rgba(238,239,240,1) 35%,rgba(146,160,171,1) 40%);
         }
     }
+
+    &.MuiStepper-horizontal {
+      .MuiStep-horizontal {
+        word-break: break-word;
+        padding: 0;
+        flex: 1 1 min-content;
+      }
+      .MuiStepButton-horizontal {
+        padding: 24px 0;
+      }
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -110,4 +110,15 @@`
`110`	`110`	`background: radial-gradient(ellipse at center, rgba(238,239,240,1) 35%,rgba(146,160,171,1) 40%);`
`111`	`111`	`}`
`112`	`112`	`}`
	`113`	`+`
	`114`	`+ &.MuiStepper-horizontal {`
	`115`	`+ .MuiStep-horizontal {`
	`116`	`+ word-break: break-word;`
	`117`	`+ padding: 0;`
	`118`	`+ flex: 1 1 min-content;`
	`119`	`+ }`
	`120`	`+ .MuiStepButton-horizontal {`
	`121`	`+ padding: 24px 0;`
	`122`	`+ }`
	`123`	`+ }`
`113`	`124`	`}`