55647: Feedback 20/09

src/app/+item-page/simple/entity-types/person/person-page-fields.component.html

@@ -45,11 +45,12 @@
       [label]="'person.page.firstname'">
     </ds-generic-item-page-field>
   </div>
-  <div class="col-12 border-top pt-2">
+  <div class="pt-2 w-100">
     <ds-filtered-search-page
       [fixedFilterQuery]="fixedFilterQuery"
       [fixedFilter$]="fixedFilter$"
-      [searchEnabled]="false">
+      [searchEnabled]="false"
+      [sideBarWidth]="4">
     </ds-filtered-search-page>
   </div>
 </div>

src/app/+item-page/simple/item-page.component.scss

 @import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
+@include media-breakpoint-down(md) {
+  .container {
+    width: 100%;
+    max-width: none;
+  }
+}

src/app/+search-page/search-page.component.html

 <div class="container">
     <div class="search-page row">
-        <ds-search-sidebar *ngIf="!(isXsOrSm$ | async)" class="col-3 sidebar-md-sticky"
+        <ds-search-sidebar *ngIf="!(isXsOrSm$ | async)" class="col-{{sideBarWidth}} sidebar-md-sticky"
                            id="search-sidebar"
                            [resultCount]="(resultsRD$ | async)?.payload.totalElements"></ds-search-sidebar>
-        <div class="col-12 col-md-9">
+        <div class="col-12 col-md-{{12 - sideBarWidth}}">
             <ds-search-form *ngIf="searchEnabled" id="search-form"
                             [query]="(searchOptions$ | async)?.query"
                             [scope]="(searchOptions$ | async)?.scope"
@@ -32,7 +32,8 @@
                         </div>
                         <ds-search-results [searchResults]="resultsRD$ | async"
                                            [searchConfig]="searchOptions$ | async"
-                                           [fixedFilter]="fixedFilter$ | async"></ds-search-results>
+                                           [fixedFilter]="fixedFilter$ | async"
+                                           [disableHeader]="!searchEnabled"></ds-search-results>
                     </div>
                 </div>
             </div>

src/app/+search-page/search-page.component.ts

@@ -68,6 +68,12 @@ export class SearchPageComponent implements OnInit {
   @Input()
   searchEnabled = true;
 
+  /**
+   * The width of the sidebar (bootstrap columns)
+   */
+  @Input()
+  sideBarWidth = 3;
+
   /**
    * The currently applied filter (determines title of search)
    */

src/app/+search-page/search-results/search-results.component.html

-<h2>{{ getTitleKey() | translate }}</h2>
+<h2 *ngIf="!disableHeader">{{ getTitleKey() | translate }}</h2>
 <div *ngIf="searchResults?.hasSucceeded && !searchResults?.isLoading && searchResults?.payload?.page.length > 0" @fadeIn>
 <ds-viewable-collection
   [config]="searchConfig.pagination"

src/app/+search-page/search-results/search-results.component.ts

@@ -39,6 +39,7 @@ export class SearchResultsComponent {
   @Input() sortConfig: SortOptions;
   @Input() viewMode: SetViewMode;
   @Input() fixedFilter: string;
+  @Input() disableHeader = false;
 
   getTitleKey() {
     if (isNotEmpty(this.fixedFilter)) {