Merge branch 'main' into light-mode

# Conflicts:
#	ufund-ui/src/app/app.component.html
#	ufund-ui/src/app/components/funding-basket/funding-basket.component.html
#	ufund-ui/src/app/components/need-list/need-list.component.html
#	ufund-ui/src/app/components/need-page/need-page.component.css

1 files changed, 11 insertions, 12 deletions

diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
index ac456ab..6dceee1 100644
--- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
+++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
@@ -1,29 +1,24 @@
 :host {
     display: flex;
     flex-direction: column;
-    border: solid rgba(255, 255, 255, 0.5) 1px;
     border-radius: 5px;
+    height: 175px;
 }
 
-#header {
+#empty {
+    height: 175px;
     display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    border-bottom: solid rgba(255, 255, 255, 0.5) 1px;
-    padding: 10px;
-
-    a {
-        display: flex;
-    }
+    align-items: center;
+    color: #878787;
 }
 
 #needList {
     display: flex;
     flex-direction: row;
-    padding: 10px;
+    /*padding: 10px;*/
     gap: 10px;
     justify-content: start;
-    overflow: clip;
+    overflow: auto;
 }
 
 .needEntry {
@@ -45,6 +40,10 @@
     cursor: pointer;
 }
 
+.needEntry:hover {
+    background-color: #444444;
+}
+
 .needName {
     font-weight: bold;
 }