Readjust historic badge width

2 files changed, 101 insertions, 101 deletions

diff --git a/controller-server/src/main/java/com/yahoo/vespa/hosted/controller/restapi/deployment/Badges.java b/controller-server/src/main/java/com/yahoo/vespa/hosted/controller/restapi/deployment/Badges.java
index 00b1b0465ab..f17ec6afb8f 100644
--- a/controller-server/src/main/java/com/yahoo/vespa/hosted/controller/restapi/deployment/Badges.java
+++ b/controller-server/src/main/java/com/yahoo/vespa/hosted/controller/restapi/deployment/Badges.java
@@ -128,7 +128,7 @@ public class Badges {
         addText(texts, text, x + dx / 2, textWidth);
         x += dx;
 
-        dx = xPad * (128.0 / (32 + runs.size())); // Broader sections with shorter history.
+        dx = xPad * (192.0 / (32 + runs.size())); // Broader sections with shorter history.
         for (Run run : runs) {
             addShade(sections, x, dx);
             sections.add("        <rect x='" + (x - 6) + "' rx='3' width='" + (dx + 6) + "' height='20' fill='" + colorOf(run, null) + "'/>\n");
diff --git a/controller-server/src/test/java/com/yahoo/vespa/hosted/controller/restapi/deployment/responses/history.svg b/controller-server/src/test/java/com/yahoo/vespa/hosted/controller/restapi/deployment/responses/history.svg
index 6a540867280..2bd6aac9ac3 100644
--- a/controller-server/src/test/java/com/yahoo/vespa/hosted/controller/restapi/deployment/responses/history.svg
+++ b/controller-server/src/test/java/com/yahoo/vespa/hosted/controller/restapi/deployment/responses/history.svg
@@ -1,4 +1,4 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='537.6474594172146' height='20' role='img' aria-label='Deployment Status'>
+<svg xmlns='http://www.w3.org/2000/svg' width='659.058159125822' height='20' role='img' aria-label='Deployment Status'>
     <title>Deployment Status</title>
     <linearGradient id='light' x2='0' y2='100%'>
         <stop offset='0'  stop-color='#fff' stop-opacity='.5'/>
@@ -39,113 +39,113 @@
         <animate attributeName='x2' values='-10%;250%;120%;-10%' dur='6s' repeatCount='indefinite' />
     </linearGradient>
     <clipPath id='rounded'>
-        <rect width='537.6474594172146' height='20' rx='3' fill='#fff'/>
+        <rect width='659.058159125822' height='20' rx='3' fill='#fff'/>
     </clipPath>
     <g clip-path='url(#rounded)'>
-        <rect x='531.7874140611932' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='527.0673247256727' rx='3' width='10.720089335520475' height='20' fill='#00f244'/>
-        <rect x='527.0673247256727' rx='3' width='10.720089335520475' height='20' fill='url(#shade)'/>
-        <rect x='527.2115559474576' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='522.3472353901523' rx='3' width='10.864320557305325' height='20' fill='#bf103c'/>
-        <rect x='522.3472353901523' rx='3' width='10.864320557305325' height='20' fill='url(#shade)'/>
-        <rect x='522.4958738686348' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='517.482914832847' rx='3' width='11.01295903578784' height='20' fill='#bf103c'/>
-        <rect x='517.482914832847' rx='3' width='11.01295903578784' height='20' fill='url(#shade)'/>
-        <rect x='517.6360952400584' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='512.4699557970591' rx='3' width='11.166139442999212' height='20' fill='#bf103c'/>
-        <rect x='512.4699557970591' rx='3' width='11.166139442999212' height='20' fill='url(#shade)'/>
-        <rect x='512.6278169201881' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='507.3038163540599' rx='3' width='11.324000566128255' height='20' fill='#bf103c'/>
-        <rect x='507.3038163540599' rx='3' width='11.324000566128255' height='20' fill='url(#shade)'/>
-        <rect x='507.46650122119945' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='501.97981578793167' rx='3' width='11.486685433267795' height='20' fill='#bf103c'/>
-        <rect x='501.97981578793167' rx='3' width='11.486685433267795' height='20' fill='url(#shade)'/>
-        <rect x='502.1474717976674' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='496.4931303546639' rx='3' width='11.654341443003485' height='20' fill='#bf103c'/>
-        <rect x='496.4931303546639' rx='3' width='11.654341443003485' height='20' fill='url(#shade)'/>
-        <rect x='496.6659094096228' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='490.8387889116604' rx='3' width='11.827120497962447' height='20' fill='#bf103c'/>
-        <rect x='490.8387889116604' rx='3' width='11.827120497962447' height='20' fill='url(#shade)'/>
-        <rect x='491.0168475561407' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='485.011668413698' rx='3' width='12.00517914244274' height='20' fill='#bf103c'/>
-        <rect x='485.011668413698' rx='3' width='12.00517914244274' height='20' fill='url(#shade)'/>
-        <rect x='485.19516797550364' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='479.00648927125525' rx='3' width='12.188678704248366' height='20' fill='#bf103c'/>
-        <rect x='479.00648927125525' rx='3' width='12.188678704248366' height='20' fill='url(#shade)'/>
-        <rect x='479.19559600786516' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='472.81781056700686' rx='3' width='12.377785440858299' height='20' fill='#bf103c'/>
-        <rect x='472.81781056700686' rx='3' width='12.377785440858299' height='20' fill='url(#shade)'/>
-        <rect x='473.01269581621057' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='466.44002512614856' rx='3' width='12.572670690061994' height='20' fill='#bf103c'/>
-        <rect x='466.44002512614856' rx='3' width='12.572670690061994' height='20' fill='url(#shade)'/>
-        <rect x='466.6408654612844' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='459.86735443608654' rx='3' width='12.773511025197852' height='20' fill='#bf103c'/>
-        <rect x='459.86735443608654' rx='3' width='12.773511025197852' height='20' fill='url(#shade)'/>
-        <rect x='460.0743318260239' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='453.09384341088867' rx='3' width='12.980488415135262' height='20' fill='#bf103c'/>
-        <rect x='453.09384341088867' rx='3' width='12.980488415135262' height='20' fill='url(#shade)'/>
-        <rect x='453.30714538489866' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='446.1133549957534' rx='3' width='13.193790389145235' height='20' fill='#bf103c'/>
-        <rect x='446.1133549957534' rx='3' width='13.193790389145235' height='20' fill='url(#shade)'/>
-        <rect x='446.3331748134171' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='438.91956460660816' rx='3' width='13.413610206808944' height='20' fill='#bf103c'/>
-        <rect x='438.91956460660816' rx='3' width='13.413610206808944' height='20' fill='url(#shade)'/>
-        <rect x='439.14610143291736' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='431.50595439979924' rx='3' width='13.64014703311814' height='20' fill='#bf103c'/>
-        <rect x='431.50595439979924' rx='3' width='13.64014703311814' height='20' fill='url(#shade)'/>
-        <rect x='431.7394134856072' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='423.8658073666811' rx='3' width='13.873606118926102' height='20' fill='#bf103c'/>
-        <rect x='423.8658073666811' rx='3' width='13.873606118926102' height='20' fill='url(#shade)'/>
-        <rect x='424.1064002346676' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='415.992201247755' rx='3' width='14.114198986912605' height='20' fill='#bf103c'/>
-        <rect x='415.992201247755' rx='3' width='14.114198986912605' height='20' fill='url(#shade)'/>
-        <rect x='416.2401458840738' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='407.87800226084244' rx='3' width='14.362143623231388' height='20' fill='#bf103c'/>
-        <rect x='407.87800226084244' rx='3' width='14.362143623231388' height='20' fill='url(#shade)'/>
-        <rect x='408.13352331262485' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='399.5158586376111' rx='3' width='14.617664675013781' height='20' fill='#bf103c'/>
-        <rect x='399.5158586376111' rx='3' width='14.617664675013781' height='20' fill='url(#shade)'/>
-        <rect x='399.7791876165047' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='390.8981939625973' rx='3' width='14.880993653907423' height='20' fill='#bf103c'/>
-        <rect x='390.8981939625973' rx='3' width='14.880993653907423' height='20' fill='url(#shade)'/>
-        <rect x='391.1695694545244' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='382.0172003086899' rx='3' width='15.152369145834488' height='20' fill='#bf103c'/>
-        <rect x='382.0172003086899' rx='3' width='15.152369145834488' height='20' fill='url(#shade)'/>
-        <rect x='382.2968681900149' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='372.8648311628554' rx='3' width='15.432037027159472' height='20' fill='#bf103c'/>
-        <rect x='372.8648311628554' rx='3' width='15.432037027159472' height='20' fill='url(#shade)'/>
-        <rect x='373.1530448231583' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='363.43279413569593' rx='3' width='15.720250687462396' height='20' fill='#bf103c'/>
-        <rect x='363.43279413569593' rx='3' width='15.720250687462396' height='20' fill='url(#shade)'/>
-        <rect x='363.7298147073528' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='353.71254344823353' rx='3' width='16.017271259119255' height='20' fill='#bf103c'/>
-        <rect x='353.71254344823353' rx='3' width='16.017271259119255' height='20' fill='url(#shade)'/>
-        <rect x='354.018640043012' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='343.6952721891143' rx='3' width='16.323367853897732' height='20' fill='#bf103c'/>
-        <rect x='343.6952721891143' rx='3' width='16.323367853897732' height='20' fill='url(#shade)'/>
-        <rect x='344.01072214199917' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='333.3719043352166' rx='3' width='16.638817806782562' height='20' fill='#bf103c'/>
-        <rect x='333.3719043352166' rx='3' width='16.638817806782562' height='20' fill='url(#shade)'/>
-        <rect x='333.6969934556854' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='322.733086528434' rx='3' width='16.963906927251394' height='20' fill='#bf103c'/>
-        <rect x='322.733086528434' rx='3' width='16.963906927251394' height='20' fill='url(#shade)'/>
-        <rect x='323.0681093594115' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='311.7691796011826' rx='3' width='17.29892975822891' height='20' fill='#bf103c'/>
-        <rect x='311.7691796011826' rx='3' width='17.29892975822891' height='20' fill='url(#shade)'/>
-        <rect x='312.1144396859074' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='300.4702498429537' rx='3' width='17.644189842953732' height='20' fill='#bf103c'/>
-        <rect x='300.4702498429537' rx='3' width='17.644189842953732' height='20' fill='url(#shade)'/>
-        <rect x='300.82606' rx='3' width='9' height='20' fill='url(#shadow)'/>
-        <rect x='288.82606' rx='3' width='18.0' height='20' fill='#bf103c'/>
-        <rect x='288.82606' rx='3' width='18.0' height='20' fill='url(#shade)'/>
+        <rect x='653.26809109179' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='646.1879570885093' rx='3' width='13.080134003280707' height='20' fill='#00f244'/>
+        <rect x='646.1879570885093' rx='3' width='13.080134003280707' height='20' fill='url(#shade)'/>
+        <rect x='646.4043039211865' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='639.1078230852286' rx='3' width='13.296480835957981' height='20' fill='#bf103c'/>
+        <rect x='639.1078230852286' rx='3' width='13.296480835957981' height='20' fill='url(#shade)'/>
+        <rect x='639.3307808029524' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='631.8113422492706' rx='3' width='13.519438553681752' height='20' fill='#bf103c'/>
+        <rect x='631.8113422492706' rx='3' width='13.519438553681752' height='20' fill='url(#shade)'/>
+        <rect x='632.0411128600877' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='624.2919036955889' rx='3' width='13.749209164498811' height='20' fill='#bf103c'/>
+        <rect x='624.2919036955889' rx='3' width='13.749209164498811' height='20' fill='url(#shade)'/>
+        <rect x='624.5286953802824' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='616.5426945310901' rx='3' width='13.986000849192376' height='20' fill='#bf103c'/>
+        <rect x='616.5426945310901' rx='3' width='13.986000849192376' height='20' fill='url(#shade)'/>
+        <rect x='616.7867218317995' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='608.5566936818977' rx='3' width='14.230028149901685' height='20' fill='#bf103c'/>
+        <rect x='608.5566936818977' rx='3' width='14.230028149901685' height='20' fill='url(#shade)'/>
+        <rect x='608.8081776965013' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='600.326665531996' rx='3' width='14.48151216450522' height='20' fill='#bf103c'/>
+        <rect x='600.326665531996' rx='3' width='14.48151216450522' height='20' fill='url(#shade)'/>
+        <rect x='600.5858341144344' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='591.8451533674908' rx='3' width='14.740680746943664' height='20' fill='#bf103c'/>
+        <rect x='591.8451533674908' rx='3' width='14.740680746943664' height='20' fill='url(#shade)'/>
+        <rect x='592.1122413342111' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='583.1044726205471' rx='3' width='15.007768713664104' height='20' fill='#bf103c'/>
+        <rect x='583.1044726205471' rx='3' width='15.007768713664104' height='20' fill='url(#shade)'/>
+        <rect x='583.3797219632555' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='574.096703906883' rx='3' width='15.283018056372542' height='20' fill='#bf103c'/>
+        <rect x='574.096703906883' rx='3' width='15.283018056372542' height='20' fill='url(#shade)'/>
+        <rect x='574.380364011798' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='564.8136858505105' rx='3' width='15.566678161287442' height='20' fill='#bf103c'/>
+        <rect x='564.8136858505105' rx='3' width='15.566678161287442' height='20' fill='url(#shade)'/>
+        <rect x='565.1060137243161' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='555.2470076892231' rx='3' width='15.859006035092985' height='20' fill='#bf103c'/>
+        <rect x='555.2470076892231' rx='3' width='15.859006035092985' height='20' fill='url(#shade)'/>
+        <rect x='555.5482681919269' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='545.3880016541301' rx='3' width='16.16026653779677' height='20' fill='#bf103c'/>
+        <rect x='545.3880016541301' rx='3' width='16.16026653779677' height='20' fill='url(#shade)'/>
+        <rect x='545.6984677390362' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='535.2277351163333' rx='3' width='16.470732622702883' height='20' fill='#bf103c'/>
+        <rect x='535.2277351163333' rx='3' width='16.470732622702883' height='20' fill='url(#shade)'/>
+        <rect x='535.5476880773482' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='524.7570024936304' rx='3' width='16.790685583717845' height='20' fill='#bf103c'/>
+        <rect x='524.7570024936304' rx='3' width='16.790685583717845' height='20' fill='url(#shade)'/>
+        <rect x='525.0867322201259' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='513.9663169099125' rx='3' width='17.12041531021341' height='20' fill='#bf103c'/>
+        <rect x='513.9663169099125' rx='3' width='17.12041531021341' height='20' fill='url(#shade)'/>
+        <rect x='514.3061221493763' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='502.84590159969906' rx='3' width='17.460220549677203' height='20' fill='#bf103c'/>
+        <rect x='502.84590159969906' rx='3' width='17.460220549677203' height='20' fill='url(#shade)'/>
+        <rect x='503.196090228411' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='491.38568105002184' rx='3' width='17.810409178389147' height='20' fill='#bf103c'/>
+        <rect x='491.38568105002184' rx='3' width='17.810409178389147' height='20' fill='url(#shade)'/>
+        <rect x='491.7465703520016' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='479.5752718716327' rx='3' width='18.171298480368904' height='20' fill='#bf103c'/>
+        <rect x='479.5752718716327' rx='3' width='18.171298480368904' height='20' fill='url(#shade)'/>
+        <rect x='479.9471888261109' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='467.40397339126383' rx='3' width='18.543215434847077' height='20' fill='#bf103c'/>
+        <rect x='467.40397339126383' rx='3' width='18.543215434847077' height='20' fill='url(#shade)'/>
+        <rect x='467.7872549689374' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='454.86075795641676' rx='3' width='18.92649701252067' height='20' fill='#bf103c'/>
+        <rect x='454.86075795641676' rx='3' width='18.92649701252067' height='20' fill='url(#shade)'/>
+        <rect x='455.25575142475725' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='441.9342609438961' rx='3' width='19.32149048086113' height='20' fill='#bf103c'/>
+        <rect x='441.9342609438961' rx='3' width='19.32149048086113' height='20' fill='url(#shade)'/>
+        <rect x='442.3413241817867' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='428.61277046303496' rx='3' width='19.728553718751726' height='20' fill='#bf103c'/>
+        <rect x='428.61277046303496' rx='3' width='19.728553718751726' height='20' fill='url(#shade)'/>
+        <rect x='429.03227228502243' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='414.8842167442832' rx='3' width='20.148055540739207' height='20' fill='#bf103c'/>
+        <rect x='414.8842167442832' rx='3' width='20.148055540739207' height='20' fill='url(#shade)'/>
+        <rect x='415.31653723473755' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='400.736161203544' rx='3' width='20.58037603119359' height='20' fill='#bf103c'/>
+        <rect x='400.736161203544' rx='3' width='20.58037603119359' height='20' fill='url(#shade)'/>
+        <rect x='401.1816920610293' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='386.1557851723504' rx='3' width='21.025906888678875' height='20' fill='#bf103c'/>
+        <rect x='386.1557851723504' rx='3' width='21.025906888678875' height='20' fill='url(#shade)'/>
+        <rect x='386.61493006451815' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='371.12987828367153' rx='3' width='21.485051780846597' height='20' fill='#bf103c'/>
+        <rect x='371.12987828367153' rx='3' width='21.485051780846597' height='20' fill='url(#shade)'/>
+        <rect x='371.60305321299876' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='355.6448265028249' rx='3' width='21.958226710173836' height='20' fill='#bf103c'/>
+        <rect x='355.6448265028249' rx='3' width='21.958226710173836' height='20' fill='url(#shade)'/>
+        <rect x='356.13246018352817' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='339.68659979265107' rx='3' width='22.445860390877083' height='20' fill='#bf103c'/>
+        <rect x='339.68659979265107' rx='3' width='22.445860390877083' height='20' fill='url(#shade)'/>
+        <rect x='340.18913403911733' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='323.24073940177396' rx='3' width='22.948394637343355' height='20' fill='#bf103c'/>
+        <rect x='323.24073940177396' rx='3' width='22.948394637343355' height='20' fill='url(#shade)'/>
+        <rect x='323.7586295288612' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='306.2923447644306' rx='3' width='23.466284764430597' height='20' fill='#bf103c'/>
+        <rect x='306.2923447644306' rx='3' width='23.466284764430597' height='20' fill='url(#shade)'/>
+        <rect x='306.82606' rx='3' width='9' height='20' fill='url(#shadow)'/>
+        <rect x='288.82606' rx='3' width='24.0' height='20' fill='#bf103c'/>
+        <rect x='288.82606' rx='3' width='24.0' height='20' fill='url(#shade)'/>
         <rect x='288.82606' rx='3' width='9' height='20' fill='url(#shadow)'/>
         <rect x='163.18729000000002' rx='3' width='131.63876999999997' height='20' fill='url(#run-on-failure)'/>
         <rect x='163.18729000000002' rx='3' width='131.63876999999997' height='20' fill='url(#shade)'/>
         <rect width='169.18729000000002' height='20' fill='#5a5a5a'/>
         <rect x='-6.0' rx='3' width='175.18729000000002' height='20' fill='url(#shade)'/>
         <rect width='2' height='20' fill='url(#left-light)'/>
-        <rect x='535.6474594172146' width='2' height='20' fill='url(#right-shadow)'/>
-        <rect width='537.6474594172146' height='20' fill='url(#light)'/>
+        <rect x='657.058159125822' width='2' height='20' fill='url(#right-shadow)'/>
+        <rect width='659.058159125822' height='20' fill='url(#light)'/>
     </g>
     <g fill='#fff' text-anchor='middle' font-family='Verdana,Geneva,DejaVu Sans,sans-serif' text-rendering='geometricPrecision' font-size='11'>
         <svg x='6.5' y='3.0' width='16.0' height='16.0' viewBox='0 0 150 150'>