[PATCH proxmox-backup 2/3] ui: s3: shorten label to better render request rate limit

[Christian Ebner <c.ebner@proxmox.com>]

Given the limited space, the long labels wrap around and introduce
paddings, leading to misalignments and inconsistencies with the rest
of the edit window components.

Instead of showing the exact methods limited in the label, shorten it
by only menioning active/passive request method and move the more
descriptive information to a qtip.

Signed-off-by: Christian Ebner <c.ebner@proxmox.com>
---
 www/window/S3ClientEdit.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/www/window/S3ClientEdit.js b/www/window/S3ClientEdit.js
index 003a8abbc..5937ce8e7 100644
--- a/www/window/S3ClientEdit.js
+++ b/www/window/S3ClientEdit.js
@@ -138,7 +138,13 @@ Ext.define('PBS.window.S3ClientEdit', {
             {
                 xtype: 'pbsRateLimitField',
                 name: 'limit-active-requests',
-                fieldLabel: gettext('PUT/POST/DELETE request limit (#/s)'),
+                fieldLabel: gettext('Active Methods'),
+                autoEl: {
+                    tag: 'div',
+                    'data-qtip': gettext(
+                        'Shared request rate limit for active methods (PUT/POST/DELETE)',
+                    ),
+                },
             },
             {
                 xtype: 'proxmoxcheckbox',
@@ -172,7 +178,13 @@ Ext.define('PBS.window.S3ClientEdit', {
             {
                 xtype: 'pbsRateLimitField',
                 name: 'limit-passive-requests',
-                fieldLabel: gettext('GET/HEAD request limit (#/s)'),
+                fieldLabel: gettext('Passive Methods'),
+                autoEl: {
+                    tag: 'div',
+                    'data-qtip': gettext(
+                        'Shared request rate limit for passive methods (GET/HEAD)',
+                    ),
+                },
             },
         ],
         advancedColumnB: [
-- 
2.47.3