Colors

src/app/pages/publications/new-publication/new-publication.page.html

@@ -42,6 +42,20 @@
     </ion-thumbnail> -->
   </div>
 
+  <div class="picture d-flex pb-5 hide-desktop" *ngIf="publication.FileBase64  && capturedImage ==''">
+    <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}}.{{publication.FileExtension}}</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 class="ion-item-container-no-border">
     <ion-label (click)="takePicture()">
       <div class="attach-icon">

src/app/pages/publications/new-publication/new-publication.page.scss

@@ -134,4 +134,32 @@ font-size: 25px;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
-  }
+  }
+
+
+
+
+  
+
+.picture{
+  .post-img{
+    width: 60px;
+  }
+  .picture-file-name{
+    font-size: 15px;
+    color: #0d89d1;
+  }
+  .size{
+    color: #cecece;
+    font-size: 13px;
+  }
+}
+
+.container-title{
+  font-size: 15px;
+  font-weight: bold;
+}
+.hide-desktop{
+  display: block;
+}
+