ui: datastore: use simple V. for verify action button

Choosing a good icon is hard here, while the magnifying glass is
somewhat relatable, it reminds to much of a "Search" function, which
can be quite confusing here.

So use a simple "V.", even if it's probably also not to ideal..

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/DataStoreContent.js b/www/DataStoreContent.js
index 85222cc32ceb6253d12d1a211f50c32d8e55b8fe..33f4a000c75e9c70e0736f7ed3144f25d1685a2f 100644 (file)
--- a/www/DataStoreContent.js
+++ b/www/DataStoreContent.js
@@ -520,7 +520,7 @@ Ext.define('PBS.DataStoreContent', {
                {
                    handler: 'onVerify',
                    tooltip: gettext('Verify'),
-                   getClass: (v, m, rec) => rec.data.leaf ? 'pmx-hidden' : 'fa fa-search',
+                   getClass: (v, m, rec) => rec.data.leaf ? 'pmx-hidden' : 'pve-icon-verify-lettering',
                    isDisabled: (v, r, c, i, rec) => !!rec.data.leaf,
                },
                {

diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 80a362087fe23bcfae0cb37b08f4d42038f5016c..d81d6619d241ee51328d9893e8633a9c4fc5fc7e 100644 (file)
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -224,3 +224,9 @@ p.logs {
 .x-action-col-icon.critical:before {
     color: #FF6C59;
 }
+
+.pve-icon-verify-lettering:after {
+    color: #464d4d;
+    font-weight: bold;
+    content: "V.";
+}