modal fix

src/app/components/myjob-offers/myjob-offers.component.html

@@ -24,7 +24,7 @@
 
     <ng-template>
 
-      <ion-header>
+      <ion-header  class="modal-head">
         <ion-toolbar>
           <ion-title>Pending Details</ion-title>
           <ion-buttons slot="end">

src/app/components/pending-suggested/pending-suggested.component.html

@@ -18,7 +18,7 @@
 <div *ngIf="isModalOpenBackdrop==true">
   <ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
   <ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
-    <ion-header>
+    <ion-header class="modal-head">
       <ion-toolbar>
         <ion-title>{{modalTile}}</ion-title>
         <ion-buttons slot="end">

src/app/pages/joblist/joblist.page.html

@@ -95,7 +95,7 @@
 <div *ngIf="isModalOpenBackdrop==true">
   <ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
   <ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
-    <ion-header>
+    <ion-header  class="modal-head">
       <ion-toolbar>
         <ion-title>Add Job</ion-title>
         <ion-buttons slot="end">

src/app/pages/ownersjob/ownersjob.page.ts

@@ -35,6 +35,7 @@ export class OwnersjobPage implements OnInit {
     //debugger;
   }
   onBack() {
+      dispatchEvent(new Event("app-myjob-offers-clear-modals"));
     this.navctr.back();
   }
   ngOnInit() {

src/global.scss

@@ -302,4 +302,11 @@ ion-backdrop {
 .arcord_head{
 height: 45px;
   background-color: green;
+}
+.modal-head{
+  height: 45px;
+  background-color: #4c8dff;
+  color: white;
+  font-weight: bolder;
+  font-size: 18px;
 }