Home layout

src/app/pages/home/home.page.html

@@ -10,7 +10,7 @@
       </div>
       <div class="right">
         <ion-icon name="notifications-outline" (click)="onNotification()"></ion-icon>
-        <ion-icon name="bookmark-outline" (click)="onBookmark()"></ion-icon>
+<!--        <ion-icon name="bookmark-outline" (click)="onBookmark()"></ion-icon>-->
       </div>
     </div>
   </ion-toolbar>
@@ -85,13 +85,13 @@
     <ion-label class="color_text">See all</ion-label>
   </div>
   <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
-    <div class="list">
-      <div class="bg_image back_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
+    <div class="blog_list">
+      <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
       <div class="detail">
         <ion-label class="name">{{item.post_title}}</ion-label>
       </div>
     </div>
-    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>
+<!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
   </div>
 
 </ion-content>

src/app/pages/home/home.page.scss

@@ -217,6 +217,60 @@ ion-content {
           font-family: 'semi-bold';
         }
 
+        .row {
+          display: flex;
+          align-items: center;
+          margin-top: 3px;
+
+          ion-icon {
+            font-size: 18px;
+          }
+
+          .small {
+            margin-left: 8px;
+            color: grey;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+    .blog_list {
+      //background-color: lightgrey !important;
+      display: flex;
+      align-items: center;
+
+      .back_image {
+        height: 95px;
+        width: 95px !important;
+        border-radius: 10px;
+      }
+      .banner_image{
+        min-width: 90px;
+      }
+      .detail {
+        margin-left: 10px;
+
+        .bg_text {
+          color: var(--ion-color-primary);
+          background-color: #dfe1f3;
+          font-size: 12px;
+          padding: 2px 5px;
+          border-radius: 5px;
+          //width: 80px;
+          text-align: center;
+        }
+
+        .name {
+          font-family: 'bold';
+          margin-top: 5px;
+        }
+
+        .price {
+          margin-top: 3px;
+          color: var(--ion-color-primary);
+          font-family: 'semi-bold';
+        }
+
         .row {
           display: flex;
           align-items: center;

src/app/pages/marketdetail/marketdetail.page.html

@@ -48,7 +48,8 @@
     <div *ngIf="tabs =='about'" class="about">
       <ion-label class="head_text">Mentor</ion-label>
 
-      <div class="mentor" (click)="onMentor()">
+<!--      <div class="mentor" (click)="onMentor()">-->
+        <div class="mentor">
         <div class="left">
           <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/default.jpg)'"></div>
           <div style="margin-left: 10px;">