ui: tune badge styling a bit

the idea is to blend in when no task is running, thus no
background-color there. When tasks are running use the proxmox
branding guideline dark-grey, it isn't used as often so it should
fall into ones eye when changing but it has some use so it doesn't
seems out of place.

Reduce the border radius by a lot, so that it seems similar to the
one our ExtJS theme uses for the buttons outside - the original
border radius seems like it comes from the time where this was
intended to be a floating badge, there it'd make sense but as
integrated button one this seems to fit the style much more.

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

diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 551d1d11afec867806a156cb817f289be86de2af..9a073d365e839d799004ddba943fe478ef6c34a3 100644 (file)
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -199,13 +199,12 @@ p.logs {
 .pmx-button-badge {
     display: inline-block;
     font-weight: bold;
-    border-radius: 20px;
-    background-color: #AAA;
+    border-radius: 4px;
     padding: 2px 3px;
     min-width: 24px;
     line-height: 1em;
 }
 
 .pmx-button-badge.active {
-    background-color: #F00;
+    background-color: #464d4d;
 }