diff options
| author | benal01 <bja4245@rit.edu> | 2025-03-25 09:08:26 -0400 |
|---|---|---|
| committer | benal01 <bja4245@rit.edu> | 2025-03-25 09:08:26 -0400 |
| commit | f7cd2d90191c1d81526ed549514d82864c1aebb2 (patch) | |
| tree | 4ee4da3e8af546223f1b0938d8303a59ce7b6354 /ufund-ui/src/app/components/need-list | |
| parent | 20458b2ae22466d0b75a2ae60f318e514c0d905f (diff) | |
| download | JellySolutions-f7cd2d90191c1d81526ed549514d82864c1aebb2.tar.gz JellySolutions-f7cd2d90191c1d81526ed549514d82864c1aebb2.tar.bz2 JellySolutions-f7cd2d90191c1d81526ed549514d82864c1aebb2.zip | |
restyling of need list results
Diffstat (limited to 'ufund-ui/src/app/components/need-list')
| -rw-r--r-- | ufund-ui/src/app/components/need-list/need-list.component.css | 19 |
1 files changed, 15 insertions, 4 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 74dbc34..c763105 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,4 +1,5 @@ :host { + --list-background-color: lightgray; list-style-type: none; border: 2px solid #000; display: block; @@ -18,6 +19,7 @@ ul { } li { + background-color: var(--list-background-color); display: flex; justify-content: space-between; align-items: center; @@ -25,17 +27,26 @@ li { font-weight: bold; border: 2px solid #000; border-radius: 5px; - margin: 5px; - + margin: 5px; > button { - width: 90%; + background-color: var(--list-background-color); + width: 88%; float: left; transition: all 0.3s ease; font-weight: bold; display: flex; + border: none; + border-radius: 5px; + } + + > section { + width: 12%; } } +section button{ + margin: 4%; +} li > button span { font-style: italic; @@ -48,7 +59,7 @@ li > button:hover p { .icon { - width: 15px; + width: 18px; margin: 3px -3px -1px -3px; } |