diff --git a/src/app/accounts/addcredit/addcredit.page.ts b/src/app/accounts/addcredit/addcredit.page.ts
index 7733636..cefaf11 100644
--- a/src/app/accounts/addcredit/addcredit.page.ts
+++ b/src/app/accounts/addcredit/addcredit.page.ts
@@ -26,6 +26,7 @@ export class AddcreditPage implements OnInit {
     processor:number=0;
     isModalOpen:boolean = false;
     isModalOpenBackdrop:boolean = false;
+    card_level:number=200;
 
 
 
@@ -81,6 +82,9 @@ export class AddcreditPage implements OnInit {
 
   }
 
+    setCcType(cc_type){
+      this.card_level = cc_type;
+    }
   usrData: {
     action:number, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
   };
diff --git a/src/app/pages/joblist/joblist.page.html b/src/app/pages/joblist/joblist.page.html
index b3009c1..45bdade 100644
--- a/src/app/pages/joblist/joblist.page.html
+++ b/src/app/pages/joblist/joblist.page.html
@@ -10,7 +10,7 @@
 </ion-header>
 
 <ion-content>
-  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/joblist.jpg)'">
+  <div *ngIf="total_jobs<5;" class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/joblist.jpg)'">
     <div class="ion-padding">
 <!--      <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>-->
     </div>
@@ -45,6 +45,16 @@
         <!--        <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
         <!--        <ion-label>Certificate</ion-label>-->
         <!--      </div>-->
+
+        <div class="stud">
+          <!--          <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
+          <!--          <ion-label>{{total_pastdue}} Past Due</ion-label>-->
+
+          <ion-button size="small" fill="solid"  (click)="addNewJob()">
+            <ion-icon name="add-circle" color="warning"></ion-icon>
+            Add New</ion-button>
+
+        </div>
       </div>
 
       <div  class="lesson">
diff --git a/src/app/pages/joblist/joblist.page.ts b/src/app/pages/joblist/joblist.page.ts
index a51fd24..21b444e 100644
--- a/src/app/pages/joblist/joblist.page.ts
+++ b/src/app/pages/joblist/joblist.page.ts
@@ -75,4 +75,8 @@ export class JoblistPage implements OnInit {
     );
 
   }
+
+  addNewJob(){
+
+  }
 }
diff --git a/src/app/pages/jobmanager/jobmanager.page.html b/src/app/pages/jobmanager/jobmanager.page.html
index e11d623..3591980 100644
--- a/src/app/pages/jobmanager/jobmanager.page.html
+++ b/src/app/pages/jobmanager/jobmanager.page.html
@@ -50,7 +50,7 @@
 <!--          <ion-label>{{total_review}} Review</ion-label>-->
 
           <ion-button size="small" fill="outline"  (click)="onMyJobs()">
-            <ion-icon name="time" color="warning"></ion-icon>
+            <ion-icon name="list" color="warning"></ion-icon>
             My Jobs</ion-button>
 
         </div>
@@ -58,7 +58,7 @@
 <!--          <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
 <!--          <ion-label>{{total_pastdue}} Past Due</ion-label>-->
 
-          <ion-button size="small" fill="outline"  (click)="onMyPendingJobs()">
+          <ion-button size="small" fill="solid" color="danger" (click)="onMyPendingJobs()">
             <ion-icon name="document-text" color="warning"></ion-icon>
             Pending</ion-button>