Fix Action position in Designer Canvas

Issue-ID: CCSDK-2286

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: Ib7520945b51122fc95c1dcbb7ecffecedb469eef

5 files changed, 10 insertions, 9 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.html
index 641caf2ad..8b93920e1 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.html
@@ -38,7 +38,7 @@
                     <h5 class="mb-0 d-flex justify-content-between">
                         <button class="btn btn-link " data-toggle="collapse" aria-expanded="false"
                             (click)="changeDivShow(mapIndex)">
-                            <i class="icon-file-code"></i> {{file.key}}
+                            <i class="icon-file-code"></i> {{file.key}} <span class="readonlyTxt">(ReadOnly)</span>
                         </button>
 
                         <a data-toggle="modal" (click)="initDelete(file)" data-target="#exampleModal1"
@@ -64,7 +64,7 @@
                                         <button type="button" class="btn btn-secondary"
                                             data-dismiss="modal">Cancel</button>
                                         <button type="button" data-dismiss="modal" (click)="removeFile()"
-                                            class="btn btn-primary">Delete</button>
+                                            class="btn btn-danger">Delete</button>
                                     </div>
                                 </div>
                             </div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html
index 16bf7fccd..e011d47cd 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html
@@ -76,7 +76,7 @@
 </div>
 <div id="container">
     <div id="target">
-        <div class="card creat-card">
+        <div class="card creat-card mb-4">
             <div class="single-line customKeyTitle">
                 <h5 class="label-name w-100 ">
                     Custom key
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
index ea74b4435..5027c5c02 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
@@ -47,7 +47,7 @@
                                         <button type="button" class="btn btn-secondary"
                                             data-dismiss="modal">Cancel</button>
                                         <button type="button" (click)="removeFile(fileToDelete?.key,0)"
-                                            data-dismiss="modal" class="btn btn-primary">Delete</button>
+                                            data-dismiss="modal" class="btn btn-danger">Delete</button>
                                     </div>
                                 </div>
                             </div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html
index 7aaf1a3ab..36525c3f8 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html
@@ -144,17 +144,18 @@
                             <button [disabled]="selectedProps.size <=0" type="button" class="btn"
                                 (click)="removeProps()" tooltip="Remove" placement="bottom"><i
                                     class="icon-delete-sm"></i></button>
-                            <div style="line-height: 35px;font-size: 10px;">
+                            <div class="mappingSelectedAtt">
                                 <span>{{selectedProps.size}} selected </span>
                                 <span>({{mappingRes.length}} attributes in total)</span>
                             </div>
                         </div>
-                        <mat-paginator [pageSizeOptions]="[10, 25,50, 100,this.mappingRes.length]">
-                        </mat-paginator>
                         <mat-form-field class="tableFilter float-right">
                             <mat-label>Filter</mat-label>
                             <input matInput (keyup)="initApplyFilter($event)" placeholder="Ex. Mia" #input>
                         </mat-form-field>
+                        <mat-paginator [pageSizeOptions]="[10, 25,50, 100,this.mappingRes.length]">
+                        </mat-paginator>
+                        
                         <table mat-table matSortDisableClear [dataSource]="initDataSource" matSort>
                             <!-- select Column -->
                             <ng-container matColumnDef="select">
@@ -338,7 +339,7 @@
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                 <button type="button" (click)="confirmDelete()" data-dismiss="modal"
-                    class="btn btn-primary">Delete</button>
+                    class="btn btn-danger">Delete</button>
             </div>
         </div>
     </div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
index 1af379582..3a023b781 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-listing/templ-mapp-listing.component.html
@@ -58,7 +58,7 @@
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                 <button type="button" (click)="condifrmDelete()" data-dismiss="modal"
-                    class="btn btn-primary">Delete</button>
+                    class="btn btn-danger">Delete</button>
             </div>
         </div>
     </div>