diff options
| author | benal01 <bja4245@rit.edu> | 2025-03-28 21:56:47 -0400 |
|---|---|---|
| committer | benal01 <bja4245@rit.edu> | 2025-03-28 21:56:47 -0400 |
| commit | 9e011d85fd307768f7cec7214ca873208574ecfb (patch) | |
| tree | 691dacc5aca8029f9618c2d3258f2c84d5144bf0 /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | 0b4c76c5dc7313ae42c62be3c682c1f88cec13fd (diff) | |
| download | JellySolutions-9e011d85fd307768f7cec7214ca873208574ecfb.tar.gz JellySolutions-9e011d85fd307768f7cec7214ca873208574ecfb.tar.bz2 JellySolutions-9e011d85fd307768f7cec7214ca873208574ecfb.zip | |
changed styling of search display to be wider and expand filter descriptions
Diffstat (limited to 'ufund-ui/src/app/components/need-list/need-list.component.html')
| -rw-r--r-- | ufund-ui/src/app/components/need-list/need-list.component.html | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.html b/ufund-ui/src/app/components/need-list/need-list.component.html index 693307f..5e9a540 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.html +++ b/ufund-ui/src/app/components/need-list/need-list.component.html @@ -1,18 +1,22 @@ <h1>Needs List</h1> <div id="search-container"> - <label for="sort">Sort by:</label> - <select [(ngModel)] = "sortSelection" id="sort" (change)="search(searchForm.value)" [value]="sortSelection"> - <option *ngFor="let algorithm of SortingAlgoArrays" value="{{algorithm.name}}"> - {{algorithm.display[sortMode === 'Ascending' ? 0 : 1]}} - </option> - </select> - <button (click)="changeSortMode(searchForm.value)"> - {{sortMode}} - </button> - <form id="search-form" #searchForm="ngForm"> - <input type="text" name="search" placeholder="Search in {{needs.length}} needs..." (input)="search(searchForm.value)" ngModel> - <input type="reset" value="Clear" (click)="search(null)"> <br> - </form> + <section> + <label for="sort">Sort by: </label> + <select [(ngModel)] = "sortSelection" class="wide-input" (change)="search(searchForm.value)" [value]="sortSelection"> + <option *ngFor="let algorithm of SortingAlgoArrays" value="{{algorithm.name}}"> + {{algorithm.display[sortMode === 'Ascending' ? 0 : 1]}} + </option> + </select> + <button (click)="changeSortMode(searchForm.value)"> + {{sortMode}} + </button> + </section> + <section> + <form id="search-form" #searchForm="ngForm"> + <input type="text" name="search" class="wide-input" placeholder="Search in {{needs.length}} needs..." (input)="search(searchForm.value)" ngModel> + <input type="reset" value="Clear" (click)="search(null)"> <br> + </form> + </section> <!--<button (click)="close()">Close</button>--> </div> |