From 9d2c845f9419e4242e1a2c2494985e1f3aeb902a Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Wed, 20 Aug 2025 18:34:38 -0400
Subject: [PATCH] Page styles

---
 src/app/pages/forgot/forgot.page.html |  5 -----
 src/app/pages/invite/invite.page.html | 30 +++++++++++++--------------
 src/app/pages/invite/invite.page.ts   |  5 +++++
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/app/pages/forgot/forgot.page.html b/src/app/pages/forgot/forgot.page.html
index e0e26b3..75f3089 100644
--- a/src/app/pages/forgot/forgot.page.html
+++ b/src/app/pages/forgot/forgot.page.html
@@ -12,7 +12,6 @@
         </div>
         <div class="boxed_contents">
             <div *ngIf="tab == 1" class="ion-padding">
-                <!--        <ion-label class="welcome_lbl">Forgot password</ion-label>-->
 
                 <ion-label class="simp_lbl"
                 >Select which contact details should we use to reset your
@@ -35,10 +34,6 @@
 
             <div *ngIf="tab == 2" class="ion-padding">
                 <div class="login_box">
-                    <!--          <ion-label-->
-                    <!--            style="padding-top: 2px; padding-bottom: 10px"-->
-                    <!--            class="simp_lbl"-->
-                    <!--            >Forgot Password</ion-label>-->
                     <div lines="none" style="padding-bottom: 15px;">
                         <div>Enter your registered email</div>
                     </div>
diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index d51295b..978431e 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -19,7 +19,7 @@
                 </ion-button>
                 <!--        <ion-button style="background-color: aliceblue; color: black; font-size: 14px; font-weight: bolder;" (click)="setTabMode(200);">From Contacts</ion-button>-->
                 <ion-button style="background-color: #ebe4ee; color: black; font-size: 14px; font-weight: bolder;"
-                            (click)="setTabMode(300);">Links
+                            (click)="setTabMode(300);">Share Links
                 </ion-button>
             </ion-buttons>
 
@@ -33,22 +33,20 @@
         <div *ngIf="tabMode == 400 " class="lesson">
             <div class="ion-padding" slot="content" style="background-color: white; padding: 5px; min-height: 150px;">
                 <div style="margin-top: 10px; background-color: #fcf7ee;
-        font-size: 40px;
+        font-size: 30px;
          font-weight: bolder;
          text-align: center;
          border-radius: 10px;
          padding: 5px">
                     Points : {{refer_points}}
                 </div>
-
-
             </div>
         </div>
 
         <div *ngIf="tabMode == 100 " class="lesson">
-            <div class="ion-padding" slot="content" style="background-color: white; padding: 5px">
-                <div style="margin-top: 10px; background-color: #fcf7ee; border-radius: 10px; padding: 5px">
-                    <ion-grid style="margin: 0px; padding: 5px; background-color: #0b5e86; border-radius: 10px;">
+            <div class="login_box" slot="content" style="padding: 5px">
+                <div style="margin-top: 5px; border-radius: 10px; padding: 5px">
+                    <ion-grid style="margin: 0px; padding: 5px; border-radius: 10px;">
                         <ion-row style="margin: 0px;  padding: 10px 0px; font-size: 12px">
                             <ion-col style="margin: 0px;  padding: 0px  5px 0px 0px;">
                                 <ion-input style="background-color: white; border-radius: 5px;" type="text"
@@ -122,10 +120,10 @@
 
         <div *ngIf="tabMode == 300 " class="lesson">
             <div class="ion-padding" slot="content" style="padding: 5px">
-                <div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
-                    <ion-grid style="background-color: #0b5e86;border-radius: 10px;">
+                <div class="login_box" style="margin-top: 10px; min-height: 100px; border-radius: 10px;">
+                    <ion-grid style="border-radius: 10px;">
                         <ion-row>
-                            <ion-col style="text-align: left; color: #ffffff; font-size: 12px;">
+                            <ion-col style="text-align: left; color: black; font-size: 12px;">
                                 Send your link to your email and share it with your friend; any signup will
                                 automatically link to your account for points.
                             </ion-col>
@@ -145,26 +143,26 @@
                             </ion-col>
                         </ion-row>
 
-                        <ion-row style="padding: 0; margin: 0;">
+                        <ion-row style="padding: 0; margin: 5px 0 0 0 ;">
                             <ion-col style="padding: 0; margin: 0;">
 
                                 <ion-toolbar style="font-size: 12px;">
                                     <ion-buttons slot="secondary">
-                                        <ion-button fill="solid" (click)="sendToMyEmail()" style="font-size: 12px;">
+                                        <ion-button fill="solid" shape="round" (click)="sendToMyEmail()"
+                                                    style="font-size: 12px;">
                                             <ion-icon slot="start" name="person-circle"></ion-icon>
                                             Send link to my email
                                         </ion-button>
                                     </ion-buttons>
                                     <ion-buttons slot="primary">
-                                        <ion-button fill="solid" style="font-size: 12px;"
+                                        <ion-button fill="solid" shape="round" style="font-size: 12px;"
                                                     (click)="copyTextToClipboard(refer_link)">
-                                            Copy
+                                            Copy Link
                                             <ion-icon slot="end" name="help-circle"></ion-icon>
                                         </ion-button>
                                     </ion-buttons>
                                     <ion-title style="font-size: 10px; font-weight: normal;">{{resultText}}</ion-title>
                                 </ion-toolbar>
-
                             </ion-col>
                         </ion-row>
 
@@ -194,7 +192,7 @@
             </div>
 
 
-            <div class="video" *ngFor="let item of referData;">
+            <div class="video" *ngFor="let item of referData;" (click)="viewReferItem(item)">
                 <div class="left">
                     <div class="bg_image back_image"
                          [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/invite-friend.svg)'"></div>
diff --git a/src/app/pages/invite/invite.page.ts b/src/app/pages/invite/invite.page.ts
index 8d8bf9e..f933dfe 100644
--- a/src/app/pages/invite/invite.page.ts
+++ b/src/app/pages/invite/invite.page.ts
@@ -183,6 +183,11 @@ export class InvitePage implements OnInit {
         }
     }
 
+    viewReferItem(refItem) {
+
+        alert(refItem);
+    }
+
     async sendToMyEmail() {
         //debugger;
         const loading = await this.loadingCtrl.create({