Improve spacing in dashboard

3 files changed, 17 insertions, 18 deletions

diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.css b/ufund-ui/src/app/components/dashboard/dashboard.component.css
index 303b890..54f362b 100644
--- a/ufund-ui/src/app/components/dashboard/dashboard.component.css
+++ b/ufund-ui/src/app/components/dashboard/dashboard.component.css
@@ -21,17 +21,23 @@
     width: 400px;
     height: 130px;
     border-radius: 5px;
-    padding: 20px;
+    padding: 10px;
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
 
+    h1 {
+        padding: 0 10px;
+    }
 }
 
 .listCard {
+    display: flex;
+    flex-direction: column;
     background-color: #2e2e2e;
     border-radius: 5px;
     padding: 10px;
-
+    gap: 10px;
 }
 
 .content {
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 d01ac54..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,26 +1,21 @@
 :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: auto;
diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html
index 91f51cf..fc70c3d 100644
--- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html
+++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html
@@ -1,9 +1,7 @@
-<div id="header">
-    <span>{{label}}</span>
-    <a *ngIf="url" [routerLink]="url">Show All<span class="icon">arrow_forward_ios</span></a>
-</div>
-
 <div id="needList">
+    <div id="empty" *ngIf="!needList?.length">
+        <span>(No needs)</span>
+    </div>
     <div class="needEntry" *ngFor="let need of needList" [routerLink]="'/need/'+need.id">
         <div>
             <span class="needName">{{need.name}}</span>