diff --git a/src/app/pages/invite/invite.page.html b/src/app/pages/invite/invite.page.html
index 4ac9686..87696ef 100644
--- a/src/app/pages/invite/invite.page.html
+++ b/src/app/pages/invite/invite.page.html
@@ -77,30 +77,34 @@
 
     <div *ngIf="tabMode == 300 " class="lesson">
       <div class="ion-padding" slot="content" style="padding: 5px">
-        <div style="margin-top: 10px; background-color: #ebe4ee; min-height: 100px; border-radius: 10px;">
+        <div style="margin-top: 10px; background-color: whitesmoke; min-height: 100px; border-radius: 10px;">
           <ion-grid>
             <ion-row style="padding: 0px; margin: 0px;">
               <ion-col style="padding: 0px; margin: 0px;">
-               <ion-textarea [readonly]="true" style="background-color: white; border-radius: 5px; height: 80px;">
+               <ion-textarea [readonly]="true" style="background-color: #eff2f4;
+               border-radius: 5px;
+               padding: 20px 1px 10px 1px;
+               height: 60px;
+               border-color: #3dc2ff;">
                     {{refer_link}}
                </ion-textarea>
               </ion-col>
             </ion-row>
             <ion-row>
-              <ion-col>
-
+              <ion-col style="text-align: right;">
+                  <ion-button  shape="round" size="small" color="secondary" (click)="sendToMyEmail()"> Send link to my email</ion-button>
               </ion-col>
             </ion-row>
           </ion-grid>
 
 
         </div>
-        <div  style="padding: 10px  10px 0px 10px;">
-          <ion-button (click)="sendtoMyEmail()"
-                      shape="round"
-                      expand="block"
-                      size="small">Send to my Email</ion-button>
-        </div>
+<!--        <div  style="padding: 10px  10px 0px 10px;">-->
+<!--          <ion-button (click)="sendtoMyEmail()"-->
+<!--                      shape="round"-->
+<!--                      expand="block"-->
+<!--                      size="small">Send to my Email</ion-button>-->
+<!--        </div>-->
 
 
       </div>
diff --git a/src/app/pages/invite/invite.page.ts b/src/app/pages/invite/invite.page.ts
index a8f1969..3a92aa9 100644
--- a/src/app/pages/invite/invite.page.ts
+++ b/src/app/pages/invite/invite.page.ts
@@ -3,7 +3,7 @@ import {LoadingController, NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import { WrenchService } from 'src/app/services/wrench.service';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
-import {last} from "rxjs/operators";
+//import {last} from "rxjs/operators";
 import { AlertController } from '@ionic/angular';
 import {ContactsDataService} from "../../store/contacts-data.service";
 
@@ -144,7 +144,22 @@ export class InvitePage implements OnInit {
     this.tabMode = tMode;
   }
 
-  sendtoMyEmail(){
+  refLinkResult:any;
+  referUsrData: {
+    action:22010, member_id: number, uid: string, sessionid: string
+  };
+  sendToMyEmail(){
+    this.referUsrData = {action:22010,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      }
 
+    this.wrenchService.sendReferLink(this.referUsrData).subscribe(
+        refLinkResult => {
+          this.refLinkResult = refLinkResult;
+          console.log("REFER RETURN DATA->", this.refLinkResult);
+        }
+    );
   }
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index 9b1619c..53329a0 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -103,6 +103,10 @@ export class WrenchService {
         return this.getPostData('refferhx', reqData);
     }
 
+   sendReferLink(reqData) {
+        return this.getPostData('sendreferlink', reqData);
+    }
+
     sendRefer(reqData) {
         return this.getPostData('sendreferral', reqData);
     }