Improve publicaton page

src/app/shared/publication/new-publication/new-publication.page.html

@@ -16,7 +16,9 @@
     <ion-input [(ngModel)]="pub.Title" name="title" ngDefaultControl placeholder="Título" ></ion-input>
   </div>
 
-  <div *ngIf="publicationType!='1'" class="container-div">
+ 
+
+  <div *ngIf="publicationType!='1'" class="container-div pb-20">
     <div class="ion-item-class-2 d-flex">
       <div class="ion-icon-class">
         <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
@@ -26,6 +28,23 @@
       </div>
     </div>
   </div>
+  
+  <div class="container-title py-10">Fotografia Anexada</div>
+
+  <div class="picture d-flex" *ngIf="publication.FileBase64.length > 10">
+    <div  class="post-img">
+      <img src="{{publication.FileBase64}}" alt="image" >
+    </div>
+    <div class="d-flex flex-column pl-10"> 
+      <div class="picture-file-name">{{publication.OriginalFileName}}</div>
+      <div class="size">75 Kb</div>
+    </div>
+    <div class="flex-grow-1 d-flex align-center justify-end">
+      <div style="color: red;">X</div>
+    </div>
+    
+  </div>
+
   <div *ngIf="capturedImage != ''" class="ion-item-container-no-border">
     <ion-label class="attached-title">Fotografia Anexada</ion-label>
     <ion-item lines="none">

src/app/shared/publication/new-publication/new-publication.page.scss

@@ -73,6 +73,7 @@ font-size: 25px;
   .container-div{
     margin-bottom: 15px;
     overflow: auto;
+    border-bottom: 1px solid #ebebeb;
   }
   .ion-item-container{
     margin: 15px auto;
@@ -131,4 +132,25 @@ font-size: 25px;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
-  }
+  }
+
+
+.picture{
+  .post-img{
+    width: 60px;
+    height: 45px;
+  }
+  .picture-file-name{
+    font-size: 15px;
+    color: #0d89d1;
+  }
+  .size{
+    color: #cecece;
+    font-size: 13px;
+  }
+}
+
+.container-title{
+  font-size: 15px;
+  font-weight: bold;
+}

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

@@ -2,11 +2,11 @@
 
 <ion-header class="ion-no-border">
   <div class="main-header">
-    <div class="title-content">
+    <div class="title-content d-flex flex-end">
     <!--   <div class="back-icon" (click)="goBack()">
         <ion-icon  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
       </div> -->
-      <div class="div-title">
+      <div class="div-title flex-grow-1">
         <ion-label class="title">{{item.Description}}</ion-label>
         <p class="item-content-detail">{{item.Detail}}</p>
         <p class="item-content-date">{{item.DateBegin}}</p>