From c0569a07521153836f148b991f2169ea228b3954 Mon Sep 17 00:00:00 2001
From: andres-portainer <91705312+andres-portainer@users.noreply.github.com>
Date: Mon, 1 Aug 2022 17:09:11 -0300
Subject: [PATCH] feat(ui): renovate the Docker volume edit page EE-3515
 (#7379)

---
 app/docker/views/volumes/edit/volume.html           | 6 +++---
 app/react/components/Tip/Tooltip/Tooltip.module.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/docker/views/volumes/edit/volume.html b/app/docker/views/volumes/edit/volume.html
index 6ccfb9da6..6b64b0398 100644
--- a/app/docker/views/volumes/edit/volume.html
+++ b/app/docker/views/volumes/edit/volume.html
@@ -12,7 +12,7 @@
               <td>
                 {{ volume.Id }}
                 <button authorization="DockerVolumeDelete" class="btn btn-xs btn-danger" ng-click="removeVolume()"
-                  ><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove this volume</button
+                  ><pr-icon icon="'trash-2'" feather="true" class="leading-none"></pr-icon> Remove this volume</button
                 >
               </td>
             </tr>
@@ -60,7 +60,7 @@
 <div class="row" ng-if="!(volume.Options | emptyobject)">
   <div class="col-lg-12 col-md-12 col-xs-12">
     <rd-widget>
-      <rd-widget-header icon="fa-cogs" title-text="Volume options"></rd-widget-header>
+      <rd-widget-header icon="settings" feather-icon="true" title-text="Volume options"></rd-widget-header>
       <rd-widget-body classes="no-padding">
         <table class="table">
           <tbody>
@@ -77,7 +77,7 @@
 <div class="row" ng-if="containersUsingVolume.length > 0">
   <div class="col-lg-12 col-md-12 col-xs-12">
     <rd-widget>
-      <rd-widget-header icon="fa-cubes" title-text="Containers using volume"></rd-widget-header>
+      <rd-widget-header icon="box" feather-icon="true" title-text="Containers using volume"></rd-widget-header>
       <rd-widget-body classes="no-padding">
         <table class="table">
           <thead>
diff --git a/app/react/components/Tip/Tooltip/Tooltip.module.css b/app/react/components/Tip/Tooltip/Tooltip.module.css
index ad658d442..2281cb971 100644
--- a/app/react/components/Tip/Tooltip/Tooltip.module.css
+++ b/app/react/components/Tip/Tooltip/Tooltip.module.css
@@ -13,7 +13,7 @@
   color: var(--text-tooltip-color) !important;
   border-radius: 10px !important;
   box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
-  max-width: 200px;
+  max-width: 400px;
   text-align: center;
   font-size: 12px !important;
   font-weight: 400;