diff --git a/modules/ui/src/app/components/stepper/stepper.component.scss b/modules/ui/src/app/components/stepper/stepper.component.scss index 346bef579..d5be19c55 100644 --- a/modules/ui/src/app/components/stepper/stepper.component.scss +++ b/modules/ui/src/app/components/stepper/stepper.component.scss @@ -14,6 +14,7 @@ * limitations under the License. */ @import '../../../theming/colors'; +@import '../../../theming/variables'; .form-container { height: 100%; @@ -37,8 +38,8 @@ margin-top: auto; display: inline-block; text-align: center; - padding-bottom: 24px; - width: 100%; + height: 24px; + padding: 0 24px 24px 24px; } .form-steps { @@ -53,7 +54,7 @@ width: 4px; height: 4px; display: inline-block; - border-radius: 50%; + border-radius: 100%; margin: 0 8px; &.step-active { border-color: $secondary; @@ -71,11 +72,17 @@ .form-button-back, .form-button-forward { + height: $icon-size; + width: $icon-size; + min-width: $icon-size; + margin: 0; + padding: 0; & mat-icon { color: $secondary; - width: 24px; - height: 24px; - font-size: 24px; + width: $icon-size; + height: $icon-size; + font-size: $icon-size; + margin: 0; } &.hidden { diff --git a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.html b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.html index 8001d2e9f..1db4dad1d 100644 --- a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.html +++ b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.html @@ -186,132 +186,140 @@
-
- Device type - {{ device?.type }} -
-- Technology - {{ device?.technology }} -
-
+
+ Device type + {{ device?.type }} +
++ Technology + {{ device?.technology }} +
+
- Please go back and correct the errors on
-
+ Please go back and correct the errors on
- All existing fields must be filled in.
-
+ All existing fields must be filled in.
+
+
+
+ Validation error!
+
+