suggest actions

src/app/components/suggestedlist/suggestedlist.component.html

@@ -1,9 +1,11 @@
 
 <div *ngIf = "suggested_count == 0; else elseFulltag">
+
   <ion-grid class="fam1">
     <ion-row>
       <ion-col class="famleft"></ion-col>
       <ion-col class="mid_place">
+        <ion-label class="sug_text">You have "0" suggested task.</ion-label>
         <ion-button shape="round" (click)="suggestNewTasks()" fill="outline">Suggested Tasks</ion-button>
       </ion-col>
     </ion-row>

src/app/components/suggestedlist/suggestedlist.component.scss

@@ -10,6 +10,8 @@ ion-content {
     }
   }
 
+
+
   .flex {
     display: flex;
     justify-content: space-between;
@@ -358,6 +360,7 @@ ion-content {
 .fam1{
   margin:10px 0px 10px 0px;
   background-color: aliceblue;
+  border-radius: 10px;
   min-height: 100px;
   .famleft{
     background-image: url("https://www.wrenchboard.com/assets/images/apps/family/kids-waiting.jpg");
@@ -370,6 +373,11 @@ ion-content {
   .mid_place{
     margin: auto;
     text-align: center;
+    .sug_text{
+      font-weight: bolder;
+      font-size: 14px;
+      padding: 5px;
+    }
   }
 }