fix(ui5-wizard): adjust content and navigator paddings based on spec (#4479)

FIXES: #3612

Author: MapTo0

packages/fiori/src/Wizard.js

@@ -314,10 +314,6 @@ class Wizard extends UI5Element {
 		return 25;
 	}
 
-	static get CONTENT_TOP_OFFSET() {
-		return 32;
-	}
-
 	static get staticAreaTemplate() {
 		return WizardPopoverTemplate;
 	}
@@ -418,7 +414,7 @@ class Wizard extends UI5Element {
 	storeStepScrollOffsets() {
 		this.stepScrollOffsets = this.slottedSteps.map(step => {
 			const contentItem = this.getStepWrapperByRefId(step._id);
-			return contentItem.offsetTop + contentItem.offsetHeight - Wizard.CONTENT_TOP_OFFSET;
+			return contentItem.offsetTop + contentItem.offsetHeight;
 		});
 	}
 
@@ -988,8 +984,11 @@ class Wizard extends UI5Element {
 	 */
 	switchSelectionFromOldToNewStep(selectedStep, stepToSelect, stepToSelectIndex, changeWithClick) {
 		if (selectedStep && stepToSelect) {
-			selectedStep.selected = false;
-			stepToSelect.selected = true;
+			// keep the selection if next step is disabled
+			if (!stepToSelect.disabled) {
+				selectedStep.selected = false;
+				stepToSelect.selected = true;
+			}
 
 			this.fireEvent("step-change", {
 				step: stepToSelect,

packages/fiori/src/themes/Wizard.css

@@ -24,7 +24,7 @@
 .ui5-wiz-content-item {
 	display: block;
 	box-sizing: border-box;
-	padding-bottom: 2rem;
+	padding: 1rem 2rem;
 }
 
 .ui5-wiz-content-item[hidden] {
@@ -65,7 +65,7 @@
 .ui5-wiz-nav {
 	box-sizing: border-box;
 	height: 4rem;
-	padding: 0.875rem 1rem;
+	padding: 0.875rem 2rem;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;