new add relative

src/app/components/add-relatives/add-relatives.component.html

@@ -4,11 +4,14 @@
   </div>
   <div *ngIf="isModalOpenBackdrop==true">
     <div style="background-color: aliceblue; border-radius: 10px; padding: 10px; margin-top: 10px;">
+      <ion-item lines="none">
+      <div class="head-title">Invite a Family</div>
+      </ion-item>
       <ion-item lines="none">
         <ion-input type="text"
                    maxlength="15"
                    placeholder="Firstname"
-                   style="background-color: aliceblue; border-radius: 10px; padding-left: 1px;"
+                   class="input-item"
                    (ionChange)="verifyEntry()"
                    [(ngModel)]='firstname' ></ion-input>
       </ion-item>
@@ -16,17 +19,17 @@
       <ion-item lines="none">
         <ion-input type="text"
                    maxlength="15"
-                   placeholder="lastname"
-                   style="background-color: aliceblue; border-radius: 10px; padding-left: 1px;"
+                   placeholder="Lastname"
+                   class="input-item"
                    (ionChange)="verifyEntry()"
                    [(ngModel)]='lastname' ></ion-input>
       </ion-item>
 
       <ion-item lines="none">
         <ion-input type="text"
-                   maxlength="15"
+                   maxlength="55"
                    placeholder="Email"
-                   style="background-color: aliceblue; border-radius: 10px; padding-left: 1px;"
+                   class="input-item"
                    (ionChange)="verifyEntry()"
                    [(ngModel)]='email' ></ion-input>
       </ion-item>