Improve publication page

src/app/shared/publication/view-publications/view-publications.page.html

@@ -4,7 +4,7 @@
   <div class="main-header">
     <div class="title-content">
       <div class="back-icon">
-        <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+       <!--  <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon> -->
       </div>
       <div class="div-title">
         <ion-label class="title">{{item.Description}}</ion-label>
@@ -28,16 +28,16 @@
   <div class="main-container px-20">
     <ion-list>
       <!-- [routerLink]="['/home/publications/view-publications/publication-detail', publication.publicationId]" -->
-      <div class="post-item"
+      <div class="post-item d-md-flex mb-10"
       *ngFor="let publication of publicationList"
       (click)="viewPublicationDetail(publication.DocumentId)">
-        <div *ngIf="publication.FileBase64.length > 30" class="post-img">
+        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img max-width-md-50">
           <img src="{{publication.FileBase64}}" alt="image">
         </div>
-        <div *ngIf="publication.FileBase64.length < 30" class="post-img">
+        <div *ngIf="publication.FileBase64.length < 30" class="mb-10 post-img">
           <img src="/assets/icon/icon-no-image.svg" alt="image">
         </div>
-        <div class="post-content">
+        <div class="post-content px-20  width-md-50">
           <div class="post-title-time">
             <div class="post-title">
               <ion-label>{{publication.Title}}</ion-label>

src/app/shared/publication/view-publications/view-publications.page.scss

@@ -126,15 +126,14 @@
   }
   .post-item{
     width: 100%;
-    overflow: auto;
-    margin: 0 auto;
+
     border-radius: 0px;
     padding: 0!important;
   }
   .post-img{
       width: 100%;
       height: 400px;
-      margin: 0 auto;
+
       border-radius: 0px!important;
       overflow: hidden;
   }
@@ -150,7 +149,6 @@
   .post-title-time{
     width: 100%;
     overflow: auto;
-    margin-top: 10px;
   }
   .post-title{
       width: 60%;
@@ -166,7 +164,6 @@
     text-align: right;
 }
   .post-description{
-      font-size: 13px;
-      color: #000;
-
+    font-size: 13px;
+    color: #000;
   }