diff --git a/lib/process-services/process-list/components/start-process.component.scss b/lib/process-services/process-list/components/start-process.component.scss index acfc582aec..b95df69d10 100644 --- a/lib/process-services/process-list/components/start-process.component.scss +++ b/lib/process-services/process-list/components/start-process.component.scss @@ -1,8 +1,8 @@ .adf { &-start-process { - width: calc(66.6666% - 48px); - margin-left: calc(33.3333333333% / 2); - margin-right: calc(33.3333333333% / 2); + width: 66%; + margin-left: auto; + margin-right: auto; margin-top: 10px; .mat-select-trigger { font-size: 14px !important; @@ -35,4 +35,12 @@ &-start-form-actions { text-align: right !important; } -} \ No newline at end of file +} + +@media (max-width: 600px) { + .adf-start-process { + width: 90%; + margin-left: auto; + margin-right: auto; + } +} diff --git a/lib/process-services/task-list/components/start-task.component.scss b/lib/process-services/task-list/components/start-task.component.scss index bacc5a00e6..6aa9d0d25e 100644 --- a/lib/process-services/task-list/components/start-task.component.scss +++ b/lib/process-services/task-list/components/start-task.component.scss @@ -14,9 +14,9 @@ } .adf-new-task-layout-card { - width: 66.6667%; - margin-right: calc(33.3333% / 2 - 24px); - margin-left: calc(33.3333% / 2 - 24px); + width: 66%; + margin-right: auto; + margin-left: auto; margin-top: 10px; margin-bottom: 10px; padding: 0px; @@ -110,3 +110,11 @@ } } } + +@media (max-width: 600px) { + .adf-new-task-layout-card { + width: 90%; + margin-left: auto; + margin-right: auto; + } +}