diff options
| author | benal01 <bja4245@rit.edu> | 2025-03-22 12:56:28 -0400 |
|---|---|---|
| committer | benal01 <bja4245@rit.edu> | 2025-03-22 12:56:28 -0400 |
| commit | b725948521e81965a18991e7dd59a2bc84dbd460 (patch) | |
| tree | 1ae83c054aabcc7aa528beb8b3b57c7bd0715eb8 /ufund-ui/src | |
| parent | 2ae7c1036b7ce398e2b18928215f74d57bb3cec6 (diff) | |
| download | JellySolutions-b725948521e81965a18991e7dd59a2bc84dbd460.tar.gz JellySolutions-b725948521e81965a18991e7dd59a2bc84dbd460.tar.bz2 JellySolutions-b725948521e81965a18991e7dd59a2bc84dbd460.zip | |
need list uses button instead of link
Diffstat (limited to 'ufund-ui/src')
| -rw-r--r-- | ufund-ui/src/app/components/need-list/need-list.component.css | 15 | ||||
| -rw-r--r-- | ufund-ui/src/app/components/need-list/need-list.component.html | 20 |
2 files changed, 23 insertions, 12 deletions
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css index 2e4a31b..8f017cd 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.css +++ b/ufund-ui/src/app/components/need-list/need-list.component.css @@ -1,17 +1,26 @@ :host { - list-style-type:circle; + list-style-type: none; border: 2px solid #000; display: block; border-radius: 5px; } -li, div { + +div, li > button { border: 2px solid #000; border-radius: 5px; padding: 5px; margin: 5px; } -li { +ul { + list-style-type: none; + padding-inline-start: 0px; +} + +li > button { + width: 98%; + padding: 1%; + margin: 1%; display: flex; justify-content: space-between; align-items: center; 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 0345519..fef22d7 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 @@ -12,12 +12,14 @@ <h2 *ngIf="searchResults.length == needs.length"> All Needs </h2> <h2 *ngIf="searchResults.length == 0"> No Results Found </h2> -<li *ngFor="let need of searchResults"> - <a routerLink="/need/{{need.id}}"> - {{need.name}} - </a> - <button (click)="delete(need.id)" *ngIf="isManager()"> - <img class="icon" src="/delete.png" alt="Delete"> - </button> - <button (click)="add(need)" *ngIf="isHelper()">Add To Basket</button> -</li> +<ul> + <li *ngFor="let need of searchResults"> + <button [routerLink]="'/need/' + need.id"> + {{need.name}} + <button (click)="delete(need.id)" *ngIf="isManager()"> + <img class="icon" src="/delete.png" alt="Delete"> + </button> + <button (click)="add(need)" *ngIf="isHelper()">Add To Basket</button> + </button> + </li> +</ul>
\ No newline at end of file |