diff --git a/modules/ui/src/app/components/device-item/device-item.component.scss b/modules/ui/src/app/components/device-item/device-item.component.scss index 40f3ad74a..2d98a38f8 100644 --- a/modules/ui/src/app/components/device-item/device-item.component.scss +++ b/modules/ui/src/app/components/device-item/device-item.component.scss @@ -87,6 +87,7 @@ $border-radius: 12px; .item-manufacturer-icon { visibility: visible; + width: 24px; } } } @@ -115,6 +116,7 @@ $border-radius: 12px; .item-manufacturer-icon { display: flex; + width: 0; visibility: hidden; font-size: 20px; align-items: center; diff --git a/modules/ui/src/app/components/download-report/download-report.component.scss b/modules/ui/src/app/components/download-report/download-report.component.scss index 734e77089..bf4f48926 100644 --- a/modules/ui/src/app/components/download-report/download-report.component.scss +++ b/modules/ui/src/app/components/download-report/download-report.component.scss @@ -18,5 +18,10 @@ } .download-report-link { - display: inline-block; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + padding: 4px 0; + margin: 0 4px; } diff --git a/modules/ui/src/app/pages/reports/components/delete-report/delete-report.component.scss b/modules/ui/src/app/pages/reports/components/delete-report/delete-report.component.scss index 54464931e..487186787 100644 --- a/modules/ui/src/app/pages/reports/components/delete-report/delete-report.component.scss +++ b/modules/ui/src/app/pages/reports/components/delete-report/delete-report.component.scss @@ -19,7 +19,12 @@ .delete-report-button { cursor: pointer; - display: inline-block; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + padding: 4px 0; + margin: 0 4px; & ::ng-deep .mdc-icon-button__ripple { display: none; } diff --git a/modules/ui/src/app/pages/reports/history.component.scss b/modules/ui/src/app/pages/reports/history.component.scss index 1e3bdc59b..cc4f56bd0 100644 --- a/modules/ui/src/app/pages/reports/history.component.scss +++ b/modules/ui/src/app/pages/reports/history.component.scss @@ -70,10 +70,6 @@ white-space: nowrap; } - .table-cell-actions * { - margin: 0 4px; - } - .filter-button { display: flex; width: 24px; diff --git a/modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.scss b/modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.scss index e2a7816b1..231df35cd 100644 --- a/modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.scss +++ b/modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.scss @@ -24,6 +24,12 @@ $expander-button-size: 28px; .tests-container { display: block; + &:focus-visible { + outline: none; + border: 1px solid $black; + border-radius: 4px; + } + & > :last-child { border-bottom: none; } diff --git a/modules/ui/src/app/pages/testrun/progress.component.scss b/modules/ui/src/app/pages/testrun/progress.component.scss index 4cf71d5fd..41566da88 100644 --- a/modules/ui/src/app/pages/testrun/progress.component.scss +++ b/modules/ui/src/app/pages/testrun/progress.component.scss @@ -37,6 +37,12 @@ padding: 0; background: $white; + ::ng-deep .download-report-link { + display: inline-block; + margin: 0; + padding: 0; + } + .toolbar-col-left { display: flex; flex-direction: column;