<div  class="lesson">
  <!--      <div class="flex">-->
  <!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
  <!--        <ion-label class="color">See all</ion-label>-->
  <!--      </div>-->

  <div class="sec">
    <ion-label class="grey">Due Date:{{jobData.delivery_date | date }}</ion-label>
    <ion-label class="color">{{jobData.contract}}</ion-label>
  </div>


  <div class="video {{item.who}}" *ngFor="let item of msgListData">
    <div class="left">
      <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>

      <div class="text">
        <ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
        <ion-label class="grey_text">{{item.message}}</ion-label>
      </div>
    </div>
    <!--        <div class="right">-->
    <!--&lt;!&ndash;          <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;-->
    <!--        </div>-->
  </div>

</div>