Fix layout of the artifacts icons

Signed-off-by: Aleksandra Maciaga <aleksandra.maciaga@nokia.com>
Issue-ID: SDC-2095
Change-Id: Ib5bbb214b1b25604db643a0c220aff5a97e7afd6

1 files changed, 16 insertions, 7 deletions

diff --git a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less
index 22ceb96653..725081c3c0 100644
--- a/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less
+++ b/catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less
@@ -1,6 +1,4 @@
 .deployment-artifact-page {
-
-
   .env-artifact-container {
     margin-left: -25px;
     margin-top: -21px;
@@ -15,7 +13,6 @@
       border-bottom: 1px #848586 solid;
       width: 10px;
       float: left;
-
     }
   }
   .add-artifact-btn {
@@ -25,12 +22,25 @@
     margin-bottom: 10px;
   }
   .download-artifact-button {
-    display: flex;
-    justify-content: center;
+    display: grid;
+    justify-content: start;
+    grid-template-columns: 20px 20px 20px 20px;
 
     .action-icon {
       margin-right: 10px;
     }
+    .action-icon-1 {
+      grid-column-start: 1;
+    }
+    .action-icon-2 {
+      grid-column-start: 2;
+    }
+    .action-icon-3 {
+      grid-column-start: 3;
+    }
+    .action-icon-4 {
+      grid-column-start: 4;
+    }
   }
 
   .table-footer-container {
@@ -43,7 +53,6 @@
 }
 
 :host ::ng-deep {
-
   .ngx-datatable {
     //border: 1px solid red;
     .datatable-body-cell {
@@ -52,4 +61,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}