fix cc page

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">

src/app/pages/joblist/joblist.page.ts

@@ -75,4 +75,8 @@ export class JoblistPage implements OnInit {
     );
 
   }
+
+  addNewJob(){
+
+  }
 }