a couple small changes

src-ui/src/app/components/document-list/document-list.component.html

@@ -24,7 +24,7 @@
     <div ngbDropdown class="btn-group">
       <button class="btn btn-outline-secondary btn-sm" id="dropdownBasic1" ngbDropdownToggle>Sort by</button>
       <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
-        <button *ngFor="let f of getSortFields()" ngbDropdownItem (click)="setSort(f.field)">{{f.name}}</button>
+        <button *ngFor="let f of getSortFields()" ngbDropdownItem (click)="setSort(f.field)" [class.active]="docs.currentSortField == f.field">{{f.name}}</button>
       </div>
     </div>
     <label ngbButtonLabel class="btn-outline-secondary btn-sm">
@@ -55,7 +55,14 @@
   </div>
 </div>
 
-<ngb-pagination [pageSize]="25" [collectionSize]="docs.collectionSize" [(page)]="docs.currentPage" (pageChange)="reload()"
+<ngb-pagination
+  [pageSize]="25"
+  [collectionSize]="docs.collectionSize"
+  [(page)]="docs.currentPage"
+  [maxSize]="5"
+  [rotate]="true"
+  [boundaryLinks]="true"
+  (pageChange)="reload()"
   aria-label="Default pagination"></ngb-pagination>
 
 <div *ngIf="displayMode == 'largeCards'">

src-ui/src/app/components/filter-editor/filter-editor.component.html

@@ -45,6 +45,9 @@
   <div class="col-auto">
     <button (click)="newRuleClicked()" class="btn btn-sm btn-outline-secondary">Add</button>
   </div>
+  <div class="col-auto">
+    <button (click)="clearClicked()" class="btn btn-sm btn-outline-secondary">Clear</button>
+  </div>
   <div class="col-auto">
     <button (click)="applyClicked()" class="btn btn-sm btn-outline-secondary">Apply</button>
   </div>

src-ui/src/app/components/filter-editor/filter-editor.component.ts

@@ -106,6 +106,11 @@ export class FilterEditorComponent implements OnInit {
     this.apply.next()
   }
 
+  clearClicked() {
+    this.ruleSet.rules.splice(0,this.ruleSet.rules.length)
+    this.apply.next()
+  }
+
   ngOnInit(): void {
     this.correspondentService.list().subscribe(result => {this.correspondents = result.results})
     this.tagService.list().subscribe(result => this.tags = result.results)