From b6cf7000ce167ed9cb77c52ab521b4674ac1bd9a Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Thu, 8 Feb 2024 07:37:42 -0500
Subject: [PATCH] add kids style

---
 src/app/pages/addfamilykid/addfamilykid.page.html | 6 ++----
 src/app/pages/addfamilykid/addfamilykid.page.scss | 5 +++++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/addfamilykid/addfamilykid.page.html b/src/app/pages/addfamilykid/addfamilykid.page.html
index 4b164ca..cd9f82d 100644
--- a/src/app/pages/addfamilykid/addfamilykid.page.html
+++ b/src/app/pages/addfamilykid/addfamilykid.page.html
@@ -11,7 +11,7 @@
 
 <ion-content>
   <div class="boxed_contents">
-    <ion-card style="margin: 15px 10px 10px 10px; border-radius: 10px;">
+    <ion-card class="card-s">
 <!--      <ion-card-header>-->
 <!--        <ion-card-title>Add kid</ion-card-title>-->
 <!--      </ion-card-header>-->
@@ -29,7 +29,6 @@
                     maxlength="15"
                     placeholder="Firstname"
                     style="
-            background-color: aliceblue;
             border-radius: 10px;
             color: black;
             padding-left: 1px;
@@ -45,7 +44,6 @@
                     maxlength="15"
                     placeholder="lastname"
                     style="
-            background-color: aliceblue;
             border-radius: 10px;
             padding-left: 1px;
           "
@@ -90,7 +88,7 @@
 
               <ion-row style="margin: 0px; padding: 0px">
                 <ion-col style="margin: 0px; padding: 4px">
-                  <div style="width: 100%; background-color: #8b198e">
+                  <div style="width: 100%;">
                     <div style="width: 30%; float: left">Month</div>
 
                     <div style="width: 70%; float: right">
diff --git a/src/app/pages/addfamilykid/addfamilykid.page.scss b/src/app/pages/addfamilykid/addfamilykid.page.scss
index eb82c1a..de76186 100644
--- a/src/app/pages/addfamilykid/addfamilykid.page.scss
+++ b/src/app/pages/addfamilykid/addfamilykid.page.scss
@@ -3,4 +3,9 @@
   font-size: 16px;
   color: #8b198e;
   margin-top: 10px;
+}
+.card-s{
+  margin: 15px 10px 10px 10px;
+  border-radius: 10px;
+  background-image: linear-gradient(to right, aliceblue, #f1f3f5,#fcfdfd,white,#fcfdfd,#f1f3f5,aliceblue);
 }
\ No newline at end of file