diff --git a/modules/ui/src/app/components/simple-dialog/simple-dialog.component.scss b/modules/ui/src/app/components/simple-dialog/simple-dialog.component.scss
index 57eefe1fd..9491aa3ab 100644
--- a/modules/ui/src/app/components/simple-dialog/simple-dialog.component.scss
+++ b/modules/ui/src/app/components/simple-dialog/simple-dialog.component.scss
@@ -28,8 +28,7 @@
}
.simple-dialog-title {
- font-size: 18px;
- line-height: 24px;
+ @include mixins.headline-small();
padding: 0;
text-align: center;
color: colors.$on-surface;
diff --git a/modules/ui/src/app/pages/testrun/testrun.component.html b/modules/ui/src/app/pages/testrun/testrun.component.html
index 9a8ec38bd..b38c0eb3b 100644
--- a/modules/ui/src/app/pages/testrun/testrun.component.html
+++ b/modules/ui/src/app/pages/testrun/testrun.component.html
@@ -72,8 +72,10 @@
(click)="openStopTestrunDialog(vm.systemStatus)"
class="stop-button"
aria-label="Stop testrun"
- color="warn"
mat-flat-button>
+
+ cancel
+
Stop
diff --git a/modules/ui/src/app/pages/testrun/testrun.component.scss b/modules/ui/src/app/pages/testrun/testrun.component.scss
index fcc61c103..e1f26c7c8 100644
--- a/modules/ui/src/app/pages/testrun/testrun.component.scss
+++ b/modules/ui/src/app/pages/testrun/testrun.component.scss
@@ -139,15 +139,22 @@
}
.stop-button {
- // styles to be updated
position: absolute;
- right: 24px;
- bottom: 24px;
+ right: 40px;
+ bottom: 32px;
+ background-color: colors.$error;
+ padding: 26px;
+ border-radius: variables.$corner-large;
+ font-weight: 400;
+ font-size: 22px;
+ line-height: 28px;
+ height: 80px;
}
-.stop-button {
- letter-spacing: 0.25px;
- padding: 0 24px;
+.stop-button mat-icon {
+ font-size: 28px;
+ width: 28px;
+ height: 28px;
}
.progress-table {
@@ -161,3 +168,7 @@
position: relative;
overflow-y: hidden;
}
+
+::ng-deep .stop-testrun app-simple-dialog {
+ width: 329px;
+}
diff --git a/modules/ui/src/app/pages/testrun/testrun.component.ts b/modules/ui/src/app/pages/testrun/testrun.component.ts
index e6f986f1e..23704007d 100644
--- a/modules/ui/src/app/pages/testrun/testrun.component.ts
+++ b/modules/ui/src/app/pages/testrun/testrun.component.ts
@@ -113,11 +113,12 @@ export class TestrunComponent implements OnInit, OnDestroy {
title: `Stop testrun ${this.getTestRunName(systemStatus)}?`,
content:
'Are you sure you would like to stop testrun without a report generation?',
+ confirmName: 'Stop',
},
autoFocus: true,
hasBackdrop: true,
disableClose: true,
- panelClass: 'simple-dialog',
+ panelClass: ['simple-dialog', 'stop-testrun'],
});
dialogRef
diff --git a/modules/ui/src/app/pages/testrun/testrun.store.ts b/modules/ui/src/app/pages/testrun/testrun.store.ts
index 17423bdc0..6dea261d6 100644
--- a/modules/ui/src/app/pages/testrun/testrun.store.ts
+++ b/modules/ui/src/app/pages/testrun/testrun.store.ts
@@ -41,7 +41,6 @@ import {
TestsData,
TestsResponse,
} from '../../model/testrun-status';
-import { FocusManagerService } from '../../services/focus-manager.service';
import { LoaderService } from '../../services/loader.service';
import { TestModule } from '../../model/device';
@@ -56,7 +55,6 @@ export interface TestrunComponentState {
@Injectable()
export class TestrunStore extends ComponentStore {
private store = inject>(Store);
- private readonly focusManagerService = inject(FocusManagerService);
private readonly loaderService = inject(LoaderService);
private dataSource$ = this.select(state => state.dataSource);