</div>
<div [hidden]="!showFilterSort">
<div class="col-lg-12 d-flex">
+ <form>
<div class="d-flex justify-content-center flex-column h-100">
<div class="form-group form-inline">
<label for="filter-field-select" class="form-check-label mr-1">Filter by:</label>
<option i18n value="__in">matches a term from a file</option>
-->
</select>
- <input *ngIf="searchTermDatatypes[filterField] != 'state'" type="text" name="filter-value-input" id="filter-value-input" [(ngModel)]="filterValue">
+ <input *ngIf="searchTermDatatypes[filterField] != 'state'" type="text" class="form-control" name="filter-value-input" id="filter-value-input" [(ngModel)]="filterValue">
<eg-combobox *ngIf="searchTermDatatypes[filterField] == 'state'"
[asyncSupportsEmptyTermClick]="true"
idlClass="jubstlbl"
[selectedId]="filterValue"
(onChange)="filterValue = $event ? $event.id : ''">
</eg-combobox>
- <button type="button" (click)="applyFilter()"
+ <button type="submit" (click)="applyFilter()"
class="btn btn-sm btn-outline-dark mr-1 ml-1" [disabled]="!canApplyFilter()" i18n>Apply Filter</button>
<button type="button" (click)="resetFilter()"
class="btn btn-sm btn-outline-dark mr-1" i18n>Reset Filter</button>
</div>
</div>
+ </form>
</div>
<div class="col-lg-12 d-flex">
<div class="d-flex justify-content-center flex-column h-100">