Improve the badges

Make them bigger and a consistent size, also increase the font size.

1 files changed, 30 insertions, 30 deletions

diff --git a/guix-qa-frontpage/server.scm b/guix-qa-frontpage/server.scm
index 2a4b426..16b5597 100644
--- a/guix-qa-frontpage/server.scm
+++ b/guix-qa-frontpage/server.scm
@@ -223,9 +223,9 @@
                   (cond
                    ((eq? overall-status 'important-checks-passing)
                     "
-<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"20\">
+<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"36\">
   <clipPath id=\"clip\">
-    <rect width=\"140\" height=\"20\" rx=\"4\"/>
+    <rect width=\"140\" height=\"36\" rx=\"4\"/>
   </clipPath>
   <linearGradient id=\"job\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">
     <stop offset=\"0\" stop-color=\"#666\" />
@@ -235,18 +235,18 @@
     <stop offset=\"0\" stop-color=\"lawngreen\" />
     <stop offset=\"1\" stop-color=\"green\" />
   </linearGradient>
-  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"12\" text-anchor=\"middle\">
-    <rect width=\"40\" height=\"20\" fill=\"url(#job)\"/>
-    <text x=\"20\" y=\"14\" fill=\"#fff\">QA</text>
-    <rect x=\"40\" width=\"100\" height=\"20\" fill=\"url(#status)\"/>
-    <text x=\"90\" y=\"14\" fill=\"#000\">succeeding</text>
+  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"14\" text-anchor=\"middle\">
+    <rect width=\"40\" height=\"36\" fill=\"url(#job)\"/>
+    <text x=\"20\" y=\"22\" fill=\"#fff\">QA</text>
+    <rect x=\"40\" width=\"100\" height=\"36\" fill=\"url(#status)\"/>
+    <text x=\"90\" y=\"22\" fill=\"#000\">Succeeding</text>
   </g>
 </svg>")
                    ((eq? overall-status 'needs-looking-at)
                     "
-<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"20\">
+<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"36\">
   <clipPath id=\"clip\">
-    <rect width=\"140\" height=\"20\" rx=\"4\"/>
+    <rect width=\"140\" height=\"36\" rx=\"4\"/>
   </clipPath>
   <linearGradient id=\"job\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">
     <stop offset=\"0\" stop-color=\"#666\" />
@@ -256,39 +256,39 @@
     <stop offset=\"0\" stop-color=\"orange\" />
     <stop offset=\"1\" stop-color=\"darkorange\" />
   </linearGradient>
-  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"12\" text-anchor=\"middle\">
-    <rect width=\"40\" height=\"20\" fill=\"url(#job)\"/>
-    <text x=\"20\" y=\"14\" fill=\"#fff\">QA</text>
-    <rect x=\"40\" width=\"100\" height=\"20\" fill=\"url(#status)\"/>
-    <text x=\"90\" y=\"14\" fill=\"#000\">investigate</text>
+  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"14\" text-anchor=\"middle\">
+    <rect width=\"40\" height=\"36\" fill=\"url(#job)\"/>
+    <text x=\"20\" y=\"22\" fill=\"#fff\">QA</text>
+    <rect x=\"40\" width=\"100\" height=\"36\" fill=\"url(#status)\"/>
+    <text x=\"90\" y=\"22\" fill=\"#000\">Investigate</text>
   </g>
 </svg>")
                    ((eq? overall-status 'important-checks-failing)
                     "
-<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"20\">
+<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"36\">
   <clipPath id=\"clip\">
-    <rect width=\"100\" height=\"20\" rx=\"4\"/>
+    <rect width=\"140\" height=\"36\" rx=\"4\"/>
   </clipPath>
   <linearGradient id=\"job\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">
     <stop offset=\"0\" stop-color=\"#666\" />
     <stop offset=\"1\" stop-color=\"#333\" />
   </linearGradient>
   <linearGradient id=\"status\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">
-    <stop offset=\"0\" stop-color=\"red\" />
-    <stop offset=\"1\" stop-color=\"firebrick\" />
+    <stop offset=\"0\" stop-color=\"lightcoral\" />
+    <stop offset=\"1\" stop-color=\"red\" />
   </linearGradient>
-  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"12\" text-anchor=\"middle\">
-    <rect width=\"40\" height=\"20\" fill=\"url(#job)\"/>
-    <text x=\"20\" y=\"14\" fill=\"#fff\">QA</text>
-    <rect x=\"40\" width=\"60\" height=\"20\" fill=\"url(#status)\"/>
-    <text x=\"70\" y=\"14\" fill=\"#000\">failing</text>
+  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"14\" text-anchor=\"middle\">
+    <rect width=\"40\" height=\"36\" fill=\"url(#job)\"/>
+    <text x=\"20\" y=\"22\" fill=\"#fff\">QA</text>
+    <rect x=\"40\" width=\"100\" height=\"36\" fill=\"url(#status)\"/>
+    <text x=\"90\" y=\"22\" fill=\"#000\">Failing</text>
   </g>
 </svg>")
                    (else
                     "
-<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"20\">
+<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"36\">
   <clipPath id=\"clip\">
-    <rect width=\"100\" height=\"20\" rx=\"4\"/>
+    <rect width=\"140\" height=\"36\" rx=\"4\"/>
   </clipPath>
   <linearGradient id=\"job\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">
     <stop offset=\"0\" stop-color=\"#666\" />
@@ -298,11 +298,11 @@
     <stop offset=\"0\" stop-color=\"white\" />
     <stop offset=\"1\" stop-color=\"grey\" />
   </linearGradient>
-  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"12\" text-anchor=\"middle\">
-    <rect width=\"40\" height=\"20\" fill=\"url(#job)\"/>
-    <text x=\"20\" y=\"14\" fill=\"#fff\">QA</text>
-    <rect x=\"40\" width=\"60\" height=\"20\" fill=\"url(#status)\"/>
-    <text x=\"70\" y=\"14\" fill=\"#000\">unknown</text>
+  <g clip-path=\"url(#clip)\" font-family=\"DejaVu Sans,Verdana,sans-serif\" font-size=\"14\" text-anchor=\"middle\">
+    <rect width=\"40\" height=\"36\" fill=\"url(#job)\"/>
+    <text x=\"20\" y=\"22\" fill=\"#fff\">QA</text>
+    <rect x=\"40\" width=\"100\" height=\"36\" fill=\"url(#status)\"/>
+    <text x=\"90\" y=\"22\" fill=\"#000\">Unknown</text>
   </g>
 </svg>"))
                   port)))))