diff --git a/src/app/pages/edit-profile/edit-profile.page.html b/src/app/pages/edit-profile/edit-profile.page.html
index 35e8656..e955c38 100644
--- a/src/app/pages/edit-profile/edit-profile.page.html
+++ b/src/app/pages/edit-profile/edit-profile.page.html
@@ -24,29 +24,49 @@
       </div>
     </div>
 
-    <ion-item lines="none">
-      <ion-input type="text"  maxlength="15" placeholder="Firstname" [(ngModel)]='firstname' ></ion-input>
-    </ion-item>
+    <ion-card>
+<!--      <ion-card-header>-->
+<!--        <ion-card-title>Card Title</ion-card-title>-->
+<!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+<!--      </ion-card-header>-->
 
-    <ion-item lines="none">
-      <ion-input type="text"  maxlength="15" placeholder="lastname" [(ngModel)]='lastname' ></ion-input>
-    </ion-item>
+      <ion-card-content>
 
-    <ion-item lines="none">
-      <ion-input type="text"  maxlength="35" placeholder="Email" [(ngModel)]='email' ></ion-input>
-    </ion-item>
+        <ion-item lines="none">
+          <ion-input type="text"  maxlength="15" placeholder="Firstname" [(ngModel)]='firstname' ></ion-input>
+        </ion-item>
 
-    <ion-item lines="none">
-      <ion-input type="text"  maxlength="25" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
-    </ion-item>
+        <ion-item lines="none">
+          <ion-input type="text"  maxlength="15" placeholder="lastname" [(ngModel)]='lastname' ></ion-input>
+        </ion-item>
+
+        <ion-item lines="none">
+          <ion-input type="text"  maxlength="35" placeholder="Email" [(ngModel)]='email' ></ion-input>
+        </ion-item>
+
+        <ion-item lines="none">
+          <ion-input type="text"  maxlength="25" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
+        </ion-item>
+        <div style="text-align: right;">
+        <ion-button shape="round" (click)="sendUpdateProfile()">Update</ion-button>
+        </div>
+      </ion-card-content>
+    </ion-card>
+
+
+<!--    <div style="text-align: right;">-->
+<!--      <div class="button" (click)="onBack()">-->
+<!--        <ion-label class="text">Update</ion-label>-->
+<!--      </div>-->
+<!--    </div>-->
   </div>
 
 </ion-content>
 
-<ion-footer>
-  <ion-toolbar>
-    <div class="button" (click)="onBack()">
-      <ion-label class="text">Update</ion-label>
-    </div>
-  </ion-toolbar>
-</ion-footer>
+<!--<ion-footer>-->
+<!--  <ion-toolbar>-->
+<!--    <div class="button" (click)="onBack()">-->
+<!--      <ion-label class="text">Update</ion-label>-->
+<!--    </div>-->
+<!--  </ion-toolbar>-->
+<!--</ion-footer>-->
diff --git a/src/app/pages/edit-profile/edit-profile.page.scss b/src/app/pages/edit-profile/edit-profile.page.scss
index d50dd25..ac5004a 100644
--- a/src/app/pages/edit-profile/edit-profile.page.scss
+++ b/src/app/pages/edit-profile/edit-profile.page.scss
@@ -14,7 +14,9 @@ ion-header {
 }
 
 ion-content {
-
+ion-card{
+  margin: 0px;
+}
   .profile {
     display: flex;
     flex-direction: column;
diff --git a/src/app/pages/edit-profile/edit-profile.page.ts b/src/app/pages/edit-profile/edit-profile.page.ts
index 7ce1005..58b7085 100644
--- a/src/app/pages/edit-profile/edit-profile.page.ts
+++ b/src/app/pages/edit-profile/edit-profile.page.ts
@@ -44,7 +44,6 @@ export class EditProfilePage implements OnInit {
   }
 
   onBack() {
-    this.sendUpdateProfile();
     this.navctr.back();
   }
 /*
@@ -80,7 +79,12 @@ export class EditProfilePage implements OnInit {
   };
 
   profileResult:any;
-  sendUpdateProfile(){
+  async sendUpdateProfile(){
+    const loading = await this.loadingCtrl.create({
+      message: 'Uploading Profile',
+      duration: 5000,
+    });
+
     this.profileData = {action:15031,
       member_id: this.sessionDataProviderService.member_id,
       uid: this.sessionDataProviderService.member_uid,
@@ -96,6 +100,7 @@ export class EditProfilePage implements OnInit {
       promo: this.sessionDataProviderService.promo,
     }
 
+    loading.present();
     this.wrenchService.updateProfile(this.profileData).subscribe(
         profileResult => {
           this.profileResult = profileResult;
@@ -120,7 +125,9 @@ export class EditProfilePage implements OnInit {
   uploadResult:any;
   async startCamera(){
     const image = await Camera.getPhoto({
-      quality: 40,
+      quality: 50,
+      width : 200,
+      height : 200,
       allowEditing: false,
       resultType: CameraResultType.Base64,
       source: CameraSource.Camera // Camera, Photos or Prompt!
diff --git a/src/app/pages/familysettings/familysettings.page.ts b/src/app/pages/familysettings/familysettings.page.ts
index ee5b1cd..d16809b 100644
--- a/src/app/pages/familysettings/familysettings.page.ts
+++ b/src/app/pages/familysettings/familysettings.page.ts
@@ -48,6 +48,8 @@ export class FamilysettingsPage implements OnInit {
   async startCamera(){
     const image = await Camera.getPhoto({
       quality: 50,
+      width : 600,
+      height : 300,
       allowEditing: false,
       resultType: CameraResultType.Base64,
       source: CameraSource.Photos // Camera, Photos or Prompt!