[pve-devel] [PATCH manager v3 4/4] gui: improve textitem style in qemu/lxc toolbar

[Dominik Csapak]

sets the correct line-height and margin, to not look so out of place
(it was slighty off-center vertically and had too much space around)

the margin has to be set on the item, because extjs sets the
position manually and does not look at the css classes...

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 www/css/ext6-pve.css        | 5 +++++
 www/manager6/lxc/Config.js  | 2 ++
 www/manager6/qemu/Config.js | 2 ++
 3 files changed, 9 insertions(+)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 6043e40d..bd446358 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -630,3 +630,8 @@ table.osds td:first-of-type {
 .x-form-text-default .x-tagfield-item-close {
     top: 5px;
 }
+
+/* fixes line-height */
+.pve-toolbar-text {
+    line-height: 17px;
+}
diff --git a/www/manager6/lxc/Config.js b/www/manager6/lxc/Config.js
index 8d7a7f1d..864702d6 100644
--- a/www/manager6/lxc/Config.js
+++ b/www/manager6/lxc/Config.js
@@ -162,6 +162,8 @@ Ext.define('PVE.lxc.Config', {
 	});
 
 	var statusTxt = Ext.create('Ext.toolbar.TextItem', {
+	    margin: 0,
+	    userCls: 'pve-toolbar-text',
 	    data: {
 		lock: undefined,
 		tags: [],
diff --git a/www/manager6/qemu/Config.js b/www/manager6/qemu/Config.js
index 6a45445d..24704e9e 100644
--- a/www/manager6/qemu/Config.js
+++ b/www/manager6/qemu/Config.js
@@ -204,6 +204,8 @@ Ext.define('PVE.qemu.Config', {
 	});
 
 	var statusTxt = Ext.create('Ext.toolbar.TextItem', {
+	    margin: 0,
+	    userCls: 'pve-toolbar-text',
 	    data: {
 		lock: undefined,
 		tags: [],
-- 
2.20.1