diff --git a/frontend/src/app/features/work-packages/routing/partitioned-query-space-page/partitioned-query-space-page.component.sass b/frontend/src/app/features/work-packages/routing/partitioned-query-space-page/partitioned-query-space-page.component.sass index 3551ef0057..e6466d7fa8 100644 --- a/frontend/src/app/features/work-packages/routing/partitioned-query-space-page/partitioned-query-space-page.component.sass +++ b/frontend/src/app/features/work-packages/routing/partitioned-query-space-page/partitioned-query-space-page.component.sass @@ -8,6 +8,10 @@ grid-template-columns: 1fr grid-template-rows: auto auto minmax(200px, 1fr) + margin-left: -10px + padding-left: 10px + width: calc(100% + 10px) + &.-right-only .work-packages-partitioned-page--content-left display: none diff --git a/frontend/src/app/shared/components/editable-toolbar-title/editable-toolbar-title.component.ts b/frontend/src/app/shared/components/editable-toolbar-title/editable-toolbar-title.component.ts index eec6f7ac22..6cfc3785ed 100644 --- a/frontend/src/app/shared/components/editable-toolbar-title/editable-toolbar-title.component.ts +++ b/frontend/src/app/shared/components/editable-toolbar-title/editable-toolbar-title.component.ts @@ -48,7 +48,7 @@ export const selectableTitleIdentifier = 'editable-toolbar-title'; selector: 'editable-toolbar-title', templateUrl: './editable-toolbar-title.html', styleUrls: ['./editable-toolbar-title.sass'], - host: { class: 'title-container' }, + host: { class: 'title-container title-container_editable' }, }) export class EditableToolbarTitleComponent implements OnInit, OnChanges { @Input('title') public inputTitle:string; diff --git a/frontend/src/global_styles/layout/_base.sass b/frontend/src/global_styles/layout/_base.sass index 51e92d7eb0..05a5ca1c5d 100644 --- a/frontend/src/global_styles/layout/_base.sass +++ b/frontend/src/global_styles/layout/_base.sass @@ -48,7 +48,7 @@ @include default-transition @include styled-scroll-bar margin: 0 0 0 0 - padding: 10px 20px + padding: 0px // Needed for Safari height: calc(100vh - var(--header-height)) overflow-y: auto @@ -65,6 +65,7 @@ #content padding: 0 + padding: 10px 20px margin: 0 width: 100% z-index: 10 diff --git a/frontend/src/global_styles/layout/_breadcrumb.sass b/frontend/src/global_styles/layout/_breadcrumb.sass index 314da4acba..0a15281486 100644 --- a/frontend/src/global_styles/layout/_breadcrumb.sass +++ b/frontend/src/global_styles/layout/_breadcrumb.sass @@ -29,5 +29,8 @@ #breadcrumb @include global-breadcrumb-styles min-height: var(--breadcrumb-height) + padding: 10px 20px + padding-bottom: 0 + li white-space: nowrap diff --git a/frontend/src/global_styles/layout/_toolbar.sass b/frontend/src/global_styles/layout/_toolbar.sass index 68620b7c40..5b891b4542 100644 --- a/frontend/src/global_styles/layout/_toolbar.sass +++ b/frontend/src/global_styles/layout/_toolbar.sass @@ -212,6 +212,9 @@ $nm-color-success-background: #d8fdd1 &.-no-grow flex-grow: 0 + &_editable + margin-left: -7px + h2 @include text-shortener padding: 0