style cleanup

src/app/components/fastreward/fastreward.component.html

@@ -4,11 +4,11 @@
     <ion-card (click)="familyAcc()">
 <!--        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
         <ion-card-header>
-            <ion-card-title>Reward a kid</ion-card-title>
+            <ion-card-title>Send a Reward</ion-card-title>
             <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>
         </ion-card-header>
-        <ion-card-content>
-            <ion-item  lines="none">
+        <ion-card-content class="f-item">
+            <ion-item lines="none">
                 Task, Goals completed, well done, or promised - Time to send a reward.
                 <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>
             </ion-item>

src/app/components/fastreward/fastreward.component.scss

@@ -2,7 +2,7 @@ ion-card{
   margin:20px 0px 0px 0px;
   height: 150px;
   padding: 0px;
-  --background: aliceblue;
+  --background: #f3f9fd;
   ion-card-header{
     --margin-bottom: 0px;
     margin-bottom: 0px;
@@ -10,8 +10,8 @@ ion-card{
   ion-card-content{
     --margin-top: 0px;
     --margin-bottom: 0px;
-    ion-item{
-      background-color: #3dc2ff;
+    f-item,  ion-item{
+      //--background-color: #3dc2ff;
       font-size: 14px;
     }
  //   background-color: #3dc2ff;

src/app/pages/home/home.page.scss

@@ -375,7 +375,7 @@ ion-content {
 
         .bg_text {
           color: var(--ion-color-primary);
-          background-color: #d8d9e0;
+          background-color: rgba(246, 246, 248, 0.9);
           font-size: 12px;
           padding: 2px 5px;
           border-radius: 5px;