From 5343b965aa3dfc8d051359eddd595f2f7ba5a3dc Mon Sep 17 00:00:00 2001
From: andres-portainer <91705312+andres-portainer@users.noreply.github.com>
Date: Mon, 1 Aug 2022 17:19:07 -0300
Subject: [PATCH] feat(ui): renovate the docker images import page EE-3504
 (#7374)

---
 app/docker/views/images/import/importimage.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/docker/views/images/import/importimage.html b/app/docker/views/images/import/importimage.html
index bba67d995..acc041acb 100644
--- a/app/docker/views/images/import/importimage.html
+++ b/app/docker/views/images/import/importimage.html
@@ -11,11 +11,11 @@
             <span class="col-sm-12 text-muted small"> You can upload a tar archive containing your images. </span>
           </div>
           <div class="form-group">
-            <div class="col-sm-12">
+            <div class="col-sm-12 vertical-center">
               <button type="button" class="btn btn-sm btn-primary" ngf-select ngf-min-size="10" ng-model="formValues.UploadFile">Select file</button>
-              <span style="margin-left: 5px">
+              <span class="ml-1">
                 {{ formValues.UploadFile.name }}
-                <i class="fa fa-times red-icon" ng-if="!formValues.UploadFile" aria-hidden="true"></i>
+                <pr-icon icon="'x'" mode="'danger'" feather="true" ng-if="!formValues.UploadFile"></pr-icon>
               </span>
             </div>
           </div>
@@ -29,7 +29,7 @@
           <div class="row" authorization="DockerImageCreate">
             <div class="col-lg-12 col-md-12 col-xs-12">
               <rd-widget>
-                <rd-widget-header icon="fa-tag" title-text="Tag the image"></rd-widget-header>
+                <rd-widget-header icon="tag" feather-icon="'true'" title-text="Tag the image"></rd-widget-header>
                 <rd-widget-body>
                   <!-- image-and-registry -->
                   <por-image-registry
@@ -59,7 +59,7 @@
                 <span ng-hide="state.actionInProgress">Upload</span>
                 <span ng-show="state.actionInProgress">Images uploading in progress...</span>
               </button>
-              <span class="text-danger" ng-if="state.formValidationError" style="margin-left: 5px">{{ state.formValidationError }}</span>
+              <span class="text-danger ml-1" ng-if="state.formValidationError">{{ state.formValidationError }}</span>
             </div>
           </div>
           <!-- !actions -->