[DURACOM-303] minor restyle of skeleton for mobile

src/app/shared/search/search-results/search-results-skeleton/search-results-skeleton.component.html

@@ -1,11 +1,11 @@
-<div class="row">
-  <div class="info-skeleton mb-2">
+<div class="row flex-nowrap">
+  <div class="info-skeleton mb-2 col-12">
     <ngx-skeleton-loader/>
   </div>
 </div>
 
 @for (result of loadingResults; track result) {
-  <div class="row">
+  <div class="row flex-nowrap result-row">
     @if(showThumbnails) {
       <div class="thumbnail-skeleton">
         <ngx-skeleton-loader/>

src/app/shared/search/search-results/search-results-skeleton/search-results-skeleton.component.scss

@@ -25,3 +25,8 @@
     }
   }
 }
+
+.result-row {
+  margin-right: 0;
+  margin-left: 0;
+}

src/app/shared/search/search-results/search-results.component.html

@@ -20,7 +20,7 @@
     </ds-viewable-collection>
 </div>
 <ds-search-results-skeleton
-  *ngIf="true"
+  *ngIf="isLoading()"
   [showThumbnails]="showThumbnails"
   [numberOfResults]="searchConfig.pagination.pageSize"
 ></ds-search-results-skeleton>

src/config/default-app-config.ts

@@ -445,6 +445,6 @@ export class DefaultAppConfig implements AppConfig {
   };
 
   search: SearchConfig = {
-    defaultFilterCount: 2
+    defaultFilterCount: 5
   }
 }