From 058a1f0df38b7af62e504b0b8eba459c29e6f9cb Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 12 Mar 2021 15:31:11 +0100
Subject: [PATCH] Improve publication page

---
 src/app/pages/publications/publications.page.html     |  2 +-
 .../view-publications/view-publications.page.html     | 10 +++++-----
 .../view-publications/view-publications.page.scss     | 11 ++++-------
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/app/pages/publications/publications.page.html b/src/app/pages/publications/publications.page.html
index f4216bb4e..f62a31e2f 100644
--- a/src/app/pages/publications/publications.page.html
+++ b/src/app/pages/publications/publications.page.html
@@ -62,7 +62,7 @@
     </div>
 
     <!-- Right -->
-    <div class="d-none d-md-flex flex-grow-1 flex-column">
+    <div class="d-none d-md-flex flex-grow-1 flex-column max-width-60">
       <!-- <app-view-publications></app-view-publications>   -->
 
       <app-view-publications 
diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index 7e47adb7a..f4fad9c21 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/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>
diff --git a/src/app/shared/publication/view-publications/view-publications.page.scss b/src/app/shared/publication/view-publications/view-publications.page.scss
index 225a9fa80..e66d10323 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.scss
+++ b/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;
   }
\ No newline at end of file