From f2b7f6859bbc14558a7c26103a6ff30d5ac692b9 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Fri, 1 Sep 2023 21:24:41 -0400
Subject: [PATCH] fix layout

---
 src/app/pages/allblog/allblog.page.html     | 17 +++--------------
 src/app/pages/allblog/allblog.page.scss     |  4 ++++
 src/app/pages/home/home.page.html           |  2 +-
 src/app/pages/joboffers/joboffers.page.html |  6 ++++--
 src/app/pages/joboffers/joboffers.page.scss | 15 ++++++++++++++-
 src/app/pages/mycoupons/mycoupons.page.html |  2 +-
 src/app/pages/myfiles/myfiles.page.html     |  2 +-
 src/app/pages/redeem/redeem.page.html       |  3 +--
 8 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/app/pages/allblog/allblog.page.html b/src/app/pages/allblog/allblog.page.html
index 694b055..1aac065 100644
--- a/src/app/pages/allblog/allblog.page.html
+++ b/src/app/pages/allblog/allblog.page.html
@@ -1,6 +1,6 @@
 
 <ion-content>
-  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p4.jpg)'">
     <div class="ion-padding">
       <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
     </div>
@@ -9,7 +9,6 @@
   <div class="ion-padding">
     <div class="flex">
       <ion-label class="bold_text">Blog</ion-label>
-<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
     <div class="row">
@@ -19,28 +18,18 @@
 <!--        <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
 <!--      </div>-->
     </div>
-
     <ion-grid>
       <ion-row>
         <ion-col size="6" size-md="4" size-lg="2"  *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)" >
-<!--          https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'-->
           <ion-card >
-            <img alt="Silhouette of mountains" src="https://blog.wrenchboard.com/wp-content/uploads/{{item.meta_value}}" />
-
-            <ion-card-content>
+            <img alt="{{item.post_title}}" src="https://blog.wrenchboard.com/wp-content/uploads/{{item.meta_value}}" />
+            <ion-card-content class="blog_text">
               {{item.post_title}}
             </ion-card-content>
           </ion-card>
-
         </ion-col>
-
       </ion-row>
     </ion-grid>
-
-
-
-
-
   </div>
 </ion-content>
 
diff --git a/src/app/pages/allblog/allblog.page.scss b/src/app/pages/allblog/allblog.page.scss
index ec61514..8fc637d 100644
--- a/src/app/pages/allblog/allblog.page.scss
+++ b/src/app/pages/allblog/allblog.page.scss
@@ -9,6 +9,10 @@ ion-content {
       color: white;
     }
   }
+.blog_text{
+  overflow: hidden;
+  height: 50px;
+}
 
   .flex {
     display: flex;
diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index 6817a2c..f92bda3 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -25,7 +25,7 @@
 <div class="boxed_contents">
 
   <div class="offer">
-    <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.jpg)'"></div>
+    <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/offer.jpg)'"></div>
   </div>
 
   <div  *ngFor="let item of bannerData; let i = index" class="bg_white {{item.short_style}}  {{item.card_type}} "  (click)="onDetails(item)">
diff --git a/src/app/pages/joboffers/joboffers.page.html b/src/app/pages/joboffers/joboffers.page.html
index ea7393c..1e2aa87 100644
--- a/src/app/pages/joboffers/joboffers.page.html
+++ b/src/app/pages/joboffers/joboffers.page.html
@@ -17,7 +17,7 @@
         <img class="offer_banner" alt="{{item.title}}" src="https://www.wrenchboard.com/assets/images/apps/offerslist/{{item.banner}}" />
       </div>
       <ion-card-header>
-        <ion-card-title>{{item.title}}</ion-card-title>
+        <ion-card-title class="offer_title">{{item.title}}</ion-card-title>
         <ion-card-subtitle>Expiration:{{item.expire | date}}</ion-card-subtitle>
       </ion-card-header>
 
@@ -29,11 +29,13 @@
         <ion-row>
           <ion-col>
             <ion-button size="small" (click)="requestReject(item)" color="danger" fill="outline">Reject</ion-button>
+          </ion-col>
+          <ion-col>
+
           </ion-col>
           <ion-col>
             <ion-button size="small" (click)="requestStart(item)" color="success" fill="outline">Start Now</ion-button>
           </ion-col>
-          <ion-col></ion-col>
         </ion-row>
       </ion-grid>
 
diff --git a/src/app/pages/joboffers/joboffers.page.scss b/src/app/pages/joboffers/joboffers.page.scss
index f2e682d..577688c 100644
--- a/src/app/pages/joboffers/joboffers.page.scss
+++ b/src/app/pages/joboffers/joboffers.page.scss
@@ -356,6 +356,8 @@ ion-content {
 }
 
 ion-card{
+  border-color: #3dc2ff;
+  background-color: aliceblue;
   margin-left: 0px;
   margin-right: 0px;
   ion-card-content{
@@ -365,6 +367,7 @@ ion-card{
     color: red;
   }
   .top_banner{
+    background-color: white;
     width: 100%;
     //background-color: #2dd36f;
     margin-left: auto;
@@ -372,13 +375,23 @@ ion-card{
     text-align: center;
     .offer_banner{
       width: auto;
-      height: 130px;
+      height: 100px;
       background-size: contain;
       background-repeat: no-repeat;
 
     }
   }
 
+  .offer_title{
+    font-size: 18px;
+  }
+  ion-grid{
+    background-color: white;
+    ion-col{
+      text-align: center;
+    }
+  }
+
 }
 
 ion-footer {
diff --git a/src/app/pages/mycoupons/mycoupons.page.html b/src/app/pages/mycoupons/mycoupons.page.html
index 00bd7ce..8b8d0e4 100644
--- a/src/app/pages/mycoupons/mycoupons.page.html
+++ b/src/app/pages/mycoupons/mycoupons.page.html
@@ -1,7 +1,7 @@
 
 <ion-content>
     <div class="boxed_contents">
-        <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+        <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p2.jpg)'">
             <div class="ion-padding">
                 <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
             </div>
diff --git a/src/app/pages/myfiles/myfiles.page.html b/src/app/pages/myfiles/myfiles.page.html
index 99b26cb..ee343f7 100644
--- a/src/app/pages/myfiles/myfiles.page.html
+++ b/src/app/pages/myfiles/myfiles.page.html
@@ -2,7 +2,7 @@
 <ion-content>
 
   <div class="boxed_contents">
-    <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+    <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p3.jpg)'">
       <div class="ion-padding">
         <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
       </div>
diff --git a/src/app/pages/redeem/redeem.page.html b/src/app/pages/redeem/redeem.page.html
index 9bc9fdc..0fd02b5 100644
--- a/src/app/pages/redeem/redeem.page.html
+++ b/src/app/pages/redeem/redeem.page.html
@@ -1,6 +1,6 @@
 
 <ion-content>
-  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/p4.jpg)'">
     <div class="ion-padding">
       <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
     </div>
@@ -9,7 +9,6 @@
   <div class="ion-padding">
     <div class="flex">
       <ion-label class="bold_text">{{currency_description}} Wallet</ion-label>
-<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
     <ion-label class="color_text">Balance: {{curr_balance| number : '1.2-2'}} {{currency_description}}</ion-label>