Change default page size to 20 items

ng-app/src/app/quotes/quotes.component.html

@@ -61,7 +61,7 @@
 
     </mat-table>
 
-    <mat-paginator [length]="dataSource?.count$ | async" [pageSize]="50"
+    <mat-paginator [length]="dataSource?.count$ | async" [pageSize]="20"
                    [pageSizeOptions]="[10, 20, 50, 100, 200]"></mat-paginator>
 
 </div>

ng-app/src/app/quotes/quotes.component.ts

@@ -58,7 +58,7 @@ export class QuotesComponent implements OnInit, AfterViewInit {
 
     ngOnInit() {
         this.dataSource = new QuotesDataSource(this.quotesService);
-        this.dataSource.loadQuotes('', 'id', 'desc', 0, 50);
+        this.dataSource.loadQuotes('', 'id', 'desc', 0, 20);
     }
 
     ngAfterViewInit() {

ng-app/src/app/services/quotes.service.ts

@@ -21,7 +21,7 @@ export class QuotesService {
 
     findQuotes(
         filter = '', sortBy = 'id', sortOrder = 'desc',
-        pageNumber = 0, pageSize = 50): Observable<Quotes> {
+        pageNumber = 0, pageSize = 20): Observable<Quotes> {
 
         return this.http.get('/quotes/api/quotes', {
             observe: 'response',