css: improve icon rendering

Font Awesome is intended to be used at 14px font-size, we set that
already over product specific CSS for some elements like buttons.

But, for tab panel icons and tree navigation views it was often
overruled by ExtJS to 13px which made look them quite blurry and even
the position was a bit off (to high when compared to the texts
baseline.

Fix that by overwriting the font-size to 14px of the
x-treelist-item-icon and x-tab-icon-el-default class, for the latter
improve the icon to text possition by setting a slight top margin.

Setting the color to black was already done by each product, so move
that over here.

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

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 7011db31340b8aefd4160105d2ae29b89b811e2a..472030a500c2bb11c24ca5c1897e5ecee989f6e0 100644 (file)
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -69,3 +69,14 @@ div.right-aligned {
 .x-progress.warning .x-progress-bar{
     background-color: #FFCC00;
 }
+
+.x-treelist-item-icon {
+    color: #000;
+    font-size: 14px;
+}
+
+.x-tab-icon-el-default {
+    color: #000;
+    font-size: 14px;
+    margin-top: 2px;
+}