change add publication button place on the view

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

@@ -11,10 +11,10 @@
 
         <div class="actions-icon">
           <!--  <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
-          <button class="btn-no-color cursor-pointer" (click)="AddPublication('2',item.ProcessId)">
+          <!-- <button class="btn-no-color cursor-pointer">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/icons-add.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/icons-add.svg'></ion-icon>
-           </button>
+           </button> -->
           <button class="btn-no-color" (click)="openEditPublication(item.ProcessId)">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="edit" slot="end" src="assets/images/theme/gov/icons-edit.svg" ></ion-icon>
@@ -65,10 +65,17 @@
             <p>{{publication.Message}}</p>
           </div>
         </div>
+
       </div>
       <div class="center height-100" *ngIf="!publicationList">
         <p>{{error}}</p>
       </div>
     </ion-list>
   </div>
+  <!-- fab placed to the bottom end -->
+  <ion-fab vertical="bottom" horizontal="end">
+    <ion-fab-button (click)="AddPublication('2',item.ProcessId)">
+      <ion-icon name="add"></ion-icon>
+    </ion-fab-button>
+  </ion-fab>
 </ion-content>

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

@@ -164,10 +164,27 @@
     color: #797979;
     text-align: right;
 }
-  .post-description{
-    font-size: 13px;
-    color: #000;
-  }
+.post-description{
+  font-size: 13px;
+  color: #000;
+}
+ion-fab{
+  overflow: auto !important;
+  padding-right: 25px;
+  padding-bottom: 15px;
+  background: transparent !important;
+}
+ion-fab-button{
+  --background: #FFB81C;
+  --box-shadow: none;
+  opacity: 0.7;
+}
+ion-fab-button:hover{
+  --background: #FFB81C;
+  opacity: 1;
+
+}
+