← Back to team overview

yellow team mailing list archive

[Merge] lp:~makyo/juju-gui/replace-service-module into lp:juju-gui

 

Matthew Scott has proposed merging lp:~makyo/juju-gui/replace-service-module into lp:juju-gui.

Requested reviews:
  Juju GUI Hackers (juju-gui)

For more details, see:
https://code.launchpad.net/~makyo/juju-gui/replace-service-module/+merge/132938

Implement lightweight service module assets.



https://codereview.appspot.com/6826057/

-- 
https://code.launchpad.net/~makyo/juju-gui/replace-service-module/+merge/132938
Your team Juju GUI Hackers is requested to review the proposed merge of lp:~makyo/juju-gui/replace-service-module into lp:juju-gui.
=== modified file 'app/assets/svgs/service_health_mask.svg'
--- app/assets/svgs/service_health_mask.svg	2012-09-28 18:35:16 +0000
+++ app/assets/svgs/service_health_mask.svg	2012-11-05 18:05:23 +0000
@@ -20,11 +20,11 @@
    enable-background="new 0 0 1024 768"
    xml:space="preserve"
    inkscape:version="0.48.3.1 r9886"
-   sodipodi:docname="service_module (old) (copy).svg"><metadata
-   id="metadata146"><rdf:RDF><cc:Work
+   sodipodi:docname="service_module.svg"><metadata
+   id="metadata161"><rdf:RDF><cc:Work
        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-         rdf:resource="http://purl.org/dc/dcmitype/StillImage"; /></cc:Work></rdf:RDF></metadata><defs
-   id="defs144" /><sodipodi:namedview
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage"; /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs159" /><sodipodi:namedview
    pagecolor="#ffffff"
    bordercolor="#666666"
    borderopacity="1"
@@ -33,163 +33,204 @@
    guidetolerance="10"
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
-   inkscape:window-width="1280"
-   inkscape:window-height="776"
-   id="namedview142"
+   inkscape:window-width="1920"
+   inkscape:window-height="1056"
+   id="namedview157"
    showgrid="false"
    fit-margin-top="0"
    fit-margin-left="0"
    fit-margin-right="0"
    fit-margin-bottom="0"
-   inkscape:zoom="0.86915208"
-   inkscape:cx="-45.510376"
-   inkscape:cy="74.74296"
+   inkscape:zoom="3.2261747"
+   inkscape:cx="145.9031"
+   inkscape:cy="-34.475"
    inkscape:window-x="0"
    inkscape:window-y="24"
    inkscape:window-maximized="1"
    inkscape:current-layer="Layer_1" />
-<filter
-   height="1.3"
-   width="1.4"
-   id="AI_Shadow_2"
-   filterUnits="objectBoundingBox"
-   y="-0.15000001"
-   x="-0.30000001"
-   color-interpolation-filters="sRGB">
-	<feGaussianBlur
-   in="SourceAlpha"
-   stdDeviation="2"
-   result="blur"
-   id="feGaussianBlur4" />
-	<feOffset
-   dy="2"
-   dx="0"
-   in="blur"
-   result="offsetBlurredAlpha"
-   id="feOffset6" />
-	<feMerge
-   id="feMerge8">
-		<feMergeNode
-   in="offsetBlurredAlpha"
-   id="feMergeNode10" />
-		<feMergeNode
-   in="SourceGraphic"
-   id="feMergeNode12" />
-	</feMerge>
-</filter>
-<filter
-   id="AI_GaussianBlur_4"
-   color-interpolation-filters="sRGB">
-	<feGaussianBlur
-   stdDeviation="1"
-   id="feGaussianBlur15" />
-</filter>
-
-
-
-
-<g
-   id="g80"
+<radialGradient
+   id="SVGID_1_"
+   cx="508.89401"
+   cy="437.168"
+   r="53.999901"
+   gradientTransform="matrix(-4.289835e-8,1.2229,-3.21,-1.748421e-7,1915.4478,-177.2829)"
+   gradientUnits="userSpaceOnUse">
+	<stop
+   offset="0"
+   style="stop-color:#333333"
+   id="stop4" />
+	<stop
+   offset="0.1555"
+   style="stop-color:#373737;stop-opacity:0.8445"
+   id="stop6" />
+	<stop
+   offset="0.2968"
+   style="stop-color:#424242;stop-opacity:0.7032"
+   id="stop8" />
+	<stop
+   offset="0.4326"
+   style="stop-color:#545454;stop-opacity:0.5674"
+   id="stop10" />
+	<stop
+   offset="0.5651"
+   style="stop-color:#6E6E6E;stop-opacity:0.4349"
+   id="stop12" />
+	<stop
+   offset="0.6952"
+   style="stop-color:#909090;stop-opacity:0.3048"
+   id="stop14" />
+	<stop
+   offset="0.8235"
+   style="stop-color:#B9B9B9;stop-opacity:0.1765"
+   id="stop16" />
+	<stop
+   offset="0.948"
+   style="stop-color:#E9E9E9;stop-opacity:0.052"
+   id="stop18" />
+	<stop
+   offset="1"
+   style="stop-color:#FFFFFF;stop-opacity:0"
+   id="stop20" />
+</radialGradient>
+
+<g
+   id="Layer_3"
+   transform="translate(-460.05,-316)">
+</g>
+
+
+
+
+<g
+   id="g70"
    style="opacity:0.45"
    transform="translate(-460.05,-316)">
-	<linearGradient
+	
+		<linearGradient
    id="SVGID_5_"
    gradientUnits="userSpaceOnUse"
-   x1="511.54929"
-   y1="316"
-   x2="511.54929"
-   y2="419.00049">
+   x1="292.55029"
+   y1="555.5"
+   x2="292.55029"
+   y2="452.5"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 		<stop
    offset="0"
    style="stop-color:#FFFFFF;stop-opacity:0"
-   id="stop83" />
+   id="stop73" />
 		<stop
    offset="1"
    style="stop-color:#FFFFFF"
-   id="stop85" />
+   id="stop75" />
 	</linearGradient>
 	<path
-   d="m 511.55,317 c 27.891,0 50.5,22.609 50.5,50.5 0,27.891 -22.61,50.5 -50.5,50.5 -27.89,0 -50.5,-22.609 -50.5,-50.5 0,-27.891 22.609,-50.5 50.5,-50.5 m 0,-1 c -28.397,0 -51.5,23.103 -51.5,51.5 0,28.397 23.103,51.5 51.5,51.5 28.397,0 51.5,-23.103 51.5,-51.5 0,-28.397 -23.103,-51.5 -51.5,-51.5 l 0,0 z"
-   id="path87"
+   d="m 511.55,317 c 27.892,0 50.5,22.609 50.5,50.5 0,27.891 -22.61,50.5 -50.5,50.5 -27.89,0 -50.5,-22.609 -50.5,-50.5 0,-27.891 22.609,-50.5 50.5,-50.5 m 0,-1 c -28.396,0 -51.5,23.103 -51.5,51.5 0,28.397 23.104,51.5 51.5,51.5 28.397,0 51.5,-23.103 51.5,-51.5 0,-28.397 -23.103,-51.5 -51.5,-51.5 l 0,0 z"
+   id="path77"
    inkscape:connector-curvature="0"
    style="fill:url(#SVGID_5_)" />
 </g>
 
 <g
-   id="g103"
-   style="opacity:0.95;filter:url(#AI_GaussianBlur_4)"
+   id="g98"
+   style="opacity:0.25"
    transform="translate(-460.05,-316)">
-	<circle
+	<g
+   id="g100">
+		<circle
    cx="511.54999"
    cy="368.49799"
    r="25"
-   id="circle105"
+   id="circle102"
    sodipodi:cx="511.54999"
    sodipodi:cy="368.49799"
    sodipodi:rx="25"
    sodipodi:ry="25"
    d="m 536.54999,368.49799 c 0,13.80711 -11.19288,25 -25,25 -13.80712,0 -25,-11.19289 -25,-25 0,-13.80712 11.19288,-25 25,-25 13.80712,0 25,11.19288 25,25 z" />
+	</g>
+</g>
+<g
+   id="g104"
+   style="opacity:0.45"
+   transform="translate(-460.05,-316)">
+	<g
+   id="g106">
+		<circle
+   cx="511.54999"
+   cy="367.599"
+   r="25.002001"
+   id="circle108"
+   sodipodi:cx="511.54999"
+   sodipodi:cy="367.599"
+   sodipodi:rx="25.002001"
+   sodipodi:ry="25.002001"
+   d="m 536.55199,367.599 c 0,13.80822 -11.19378,25.002 -25.002,25.002 -13.80823,0 -25.002,-11.19378 -25.002,-25.002 0,-13.80822 11.19377,-25.002 25.002,-25.002 13.80822,0 25.002,11.19378 25.002,25.002 z" />
+	</g>
 </g>
 <linearGradient
-   id="SVGID_6_"
+   id="SVGID_7_"
    gradientUnits="userSpaceOnUse"
-   x1="507.60641"
-   y1="388.75201"
-   x2="516.93939"
-   y2="336.0856">
+   x1="288.6055"
+   y1="482.74899"
+   x2="297.93829"
+   y2="535.41443"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 	<stop
    offset="0"
    style="stop-color:#CCCCCC"
-   id="stop108" />
+   id="stop111" />
 	<stop
    offset="1"
    style="stop-color:#FBFBFB"
-   id="stop110" />
+   id="stop113" />
 </linearGradient>
 <circle
    cx="511.54999"
    cy="366.49799"
    r="25"
-   id="circle112"
+   id="circle115"
    sodipodi:cx="511.54999"
    sodipodi:cy="366.49799"
    sodipodi:rx="25"
    sodipodi:ry="25"
-   style="fill:url(#SVGID_6_)"
+   style="fill:url(#SVGID_7_)"
    transform="translate(-460.05,-316)" />
 <g
-   id="g114"
+   id="g117"
    style="opacity:0.8"
    transform="translate(-460.05,-316)">
-	<linearGradient
-   id="SVGID_7_"
-   gradientUnits="userSpaceOnUse"
-   x1="511.55029"
-   y1="391.49799"
-   x2="511.55029"
-   y2="341.4985">
-		<stop
-   offset="0"
-   style="stop-color:#FFFFFF;stop-opacity:0"
-   id="stop117" />
-		<stop
-   offset="1"
-   style="stop-color:#FFFFFF"
-   id="stop119" />
-	</linearGradient>
-	<path
-   d="m 511.55,342.498 c 13.233,0 24,10.767 24,24 0,13.233 -10.767,24 -24,24 -13.233,0 -24,-10.767 -24,-24 0,-13.233 10.766,-24 24,-24 m 0,-1 c -13.808,0 -25,11.193 -25,25 0,13.808 11.192,25 25,25 13.808,0 25,-11.192 25,-25 0,-13.807 -11.193,-25 -25,-25 l 0,0 z"
-   id="path121"
-   inkscape:connector-curvature="0"
-   style="fill:url(#SVGID_7_)" />
-</g>
-<g
-   id="g123"
-   transform="translate(-460.05,-316)">
-	<defs
-   id="defs125">
-		<circle
+	
+		<linearGradient
    id="SVGID_8_"
+   gradientUnits="userSpaceOnUse"
+   x1="292.54929"
+   y1="480.00201"
+   x2="292.54929"
+   y2="530.00201"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
+		<stop
+   offset="0"
+   style="stop-color:#FFFFFF;stop-opacity:0"
+   id="stop120" />
+		<stop
+   offset="1"
+   style="stop-color:#FFFFFF"
+   id="stop122" />
+	</linearGradient>
+	<path
+   d="m 511.55,342.498 c 13.233,0 24,10.767 24,24 0,13.233 -10.767,24 -24,24 -13.232,0 -24,-10.767 -24,-24 0,-13.233 10.766,-24 24,-24 m 0,-1 c -13.808,0 -25,11.193 -25,25 0,13.808 11.192,25 25,25 13.809,0 25,-11.192 25,-25 0,-13.807 -11.193,-25 -25,-25 l 0,0 z"
+   id="path124"
+   inkscape:connector-curvature="0"
+   style="fill:url(#SVGID_8_)" />
+</g>
+<g
+   id="g126"
+   transform="translate(-460.05,-316)">
+	<g
+   id="g128">
+		<defs
+   id="defs130">
+			<circle
+   id="SVGID_9_"
    cx="511.54999"
    cy="367.5"
    r="50.5"
@@ -197,50 +238,77 @@
    sodipodi:cy="367.5"
    sodipodi:rx="50.5"
    sodipodi:ry="50.5" />
-	</defs>
-	<clipPath
-   id="SVGID_9_">
-		<use
-   xlink:href="#SVGID_8_"
+		</defs>
+		<clipPath
+   id="SVGID_10_">
+			<use
+   xlink:href="#SVGID_9_"
    overflow="visible"
-   id="use129"
+   id="use134"
    style="overflow:visible"
    x="0"
    y="0"
    width="1024"
    height="768" />
-	</clipPath>
-	<path
-   clip-path="url(#SVGID_9_)"
-   d="m 430.8,285 v 162 h 162 V 285 h -162 z m 81,134.316 c -28.598,0 -51.779,-23.184 -51.779,-51.777 0,-28.598 23.182,-51.781 51.779,-51.781 28.597,0 51.777,23.184 51.777,51.781 0,28.594 -23.18,51.777 -51.777,51.777 z"
-   id="path131"
+		</clipPath>
+		<path
+   clip-path="url(#SVGID_10_)"
+   d="m 430.8,285 v 162 h 162 V 285 h -162 z m 81,134.316 c -28.598,0 -51.778,-23.185 -51.778,-51.777 0,-28.598 23.182,-51.781 51.778,-51.781 28.596,0 51.777,23.185 51.777,51.781 0,28.594 -23.181,51.777 -51.777,51.777 z"
+   id="path136"
    inkscape:connector-curvature="0"
-   style="fill:#39b54a;filter:url(#AI_Shadow_2)" />
+   style="fill:#39b54a" />
+	</g>
 </g>
 <g
-   id="g133"
+   id="g138"
    style="opacity:0.7"
    transform="translate(-460.05,-316)">
-	<linearGradient
-   id="SVGID_10_"
+	
+		<linearGradient
+   id="SVGID_11_"
    gradientUnits="userSpaceOnUse"
-   x1="511.54929"
-   y1="316"
-   x2="511.54929"
-   y2="419.00049">
+   x1="292.55029"
+   y1="555.5"
+   x2="292.55029"
+   y2="452.5"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 		<stop
    offset="0"
    style="stop-color:#FFFFFF;stop-opacity:0"
-   id="stop136" />
+   id="stop141" />
 		<stop
    offset="1"
    style="stop-color:#FFFFFF"
-   id="stop138" />
+   id="stop143" />
 	</linearGradient>
 	<path
-   d="m 511.55,317 c 27.891,0 50.5,22.609 50.5,50.5 0,27.891 -22.61,50.5 -50.5,50.5 -27.89,0 -50.5,-22.609 -50.5,-50.5 0,-27.891 22.609,-50.5 50.5,-50.5 m 0,-1 c -28.397,0 -51.5,23.103 -51.5,51.5 0,28.397 23.103,51.5 51.5,51.5 28.397,0 51.5,-23.103 51.5,-51.5 0,-28.397 -23.103,-51.5 -51.5,-51.5 l 0,0 z"
-   id="path140"
-   inkscape:connector-curvature="0"
-   style="fill:url(#SVGID_10_)" />
+   d="m 511.55,317 c 27.892,0 50.5,22.609 50.5,50.5 0,27.891 -22.61,50.5 -50.5,50.5 -27.89,0 -50.5,-22.609 -50.5,-50.5 0,-27.891 22.609,-50.5 50.5,-50.5 m 0,-1 c -28.396,0 -51.5,23.103 -51.5,51.5 0,28.397 23.104,51.5 51.5,51.5 28.397,0 51.5,-23.103 51.5,-51.5 0,-28.397 -23.103,-51.5 -51.5,-51.5 l 0,0 z"
+   id="path145"
+   inkscape:connector-curvature="0"
+   style="fill:url(#SVGID_11_)" />
+</g>
+<g
+   id="g147"
+   transform="translate(-460.05,-316)">
+	<path
+   d="m 512.101,316.959 c -27.891,0 -50.5,22.609 -50.5,50.5 0,27.048 21.273,49.13 48.004,50.433 -25.626,-1.301 -46.004,-22.49 -46.004,-48.433 0,-26.786 21.714,-48.5 48.5,-48.5 26.786,0 48.5,21.715 48.5,48.5 0,25.943 -20.378,47.132 -46.004,48.433 26.73,-1.303 48.004,-23.385 48.004,-50.433 0,-27.891 -22.61,-50.5 -50.5,-50.5 z"
+   id="path149"
+   inkscape:connector-curvature="0"
+   style="opacity:0.1;fill:#666666" />
+	<path
+   d="m 512.101,316.959 c -27.891,0 -50.5,22.609 -50.5,50.5 0,27.041 21.26,49.117 47.979,50.431 -25.891,-1.312 -46.479,-22.721 -46.479,-48.931 0,-27.062 21.938,-49 49,-49 27.062,0 49,21.938 49,49 0,26.21 -20.588,47.619 -46.479,48.931 26.719,-1.314 47.979,-23.391 47.979,-50.431 0,-27.891 -22.61,-50.5 -50.5,-50.5 z"
+   id="path151"
+   inkscape:connector-curvature="0"
+   style="opacity:0.2;fill:#666666" />
+	<path
+   d="m 512.101,316.959 c -27.891,0 -50.5,22.609 -50.5,50.5 0,27.031 21.246,49.103 47.951,50.431 -26.153,-1.326 -46.951,-22.953 -46.951,-49.431 0,-27.338 22.162,-49.5 49.5,-49.5 27.337,0 49.5,22.162 49.5,49.5 0,26.478 -20.798,48.105 -46.952,49.431 26.706,-1.328 47.952,-23.4 47.952,-50.431 0,-27.891 -22.61,-50.5 -50.5,-50.5 z"
+   id="path153"
+   inkscape:connector-curvature="0"
+   style="opacity:0.3;fill:#666666" />
+	<path
+   d="m 512.101,316.959 c -27.891,0 -50.5,22.609 -50.5,50.5 0,27.023 21.232,49.089 47.927,50.431 -26.419,-1.34 -47.427,-23.186 -47.427,-49.931 0,-27.615 22.385,-50 50,-50 27.614,0 50,22.386 50,50 0,26.746 -21.008,48.591 -47.427,49.931 26.694,-1.342 47.927,-23.408 47.927,-50.431 0,-27.891 -22.61,-50.5 -50.5,-50.5 z"
+   id="path155"
+   inkscape:connector-curvature="0"
+   style="opacity:0.7;fill:#666666" />
 </g>
 </svg>
\ No newline at end of file

=== modified file 'app/assets/svgs/service_module.svg'
--- app/assets/svgs/service_module.svg	2012-09-28 18:34:26 +0000
+++ app/assets/svgs/service_module.svg	2012-11-05 18:05:23 +0000
@@ -7,23 +7,32 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
    xmlns:svg="http://www.w3.org/2000/svg";
    xmlns="http://www.w3.org/2000/svg";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
    version="1.1"
    id="Layer_1"
    x="0px"
    y="0px"
-   width="264"
-   height="269.793"
-   viewBox="0 0 264 269.793"
+   width="223.959"
+   height="266.793"
+   viewBox="0 0 223.959 266.793"
    enable-background="new 0 0 1024 768"
    xml:space="preserve"
    inkscape:version="0.48.3.1 r9886"
    sodipodi:docname="service_module.svg"><metadata
-   id="metadata146"><rdf:RDF><cc:Work
+   id="metadata161"><rdf:RDF><cc:Work
        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
          rdf:resource="http://purl.org/dc/dcmitype/StillImage"; /></cc:Work></rdf:RDF></metadata><defs
-   id="defs144" /><sodipodi:namedview
+   id="defs159"><linearGradient
+     inkscape:collect="always"
+     xlink:href="#SVGID_6_"
+     id="linearGradient3138"
+     gradientUnits="userSpaceOnUse"
+     x1="520.81049"
+     y1="297.52341"
+     x2="501.4765"
+     y2="447.52341" /></defs><sodipodi:namedview
    pagecolor="#ffffff"
    bordercolor="#666666"
    borderopacity="1"
@@ -32,239 +41,223 @@
    guidetolerance="10"
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
-   inkscape:window-width="1280"
-   inkscape:window-height="776"
-   id="namedview142"
+   inkscape:window-width="1920"
+   inkscape:window-height="1056"
+   id="namedview157"
    showgrid="false"
    fit-margin-top="0"
    fit-margin-left="0"
    fit-margin-right="0"
    fit-margin-bottom="0"
-   inkscape:zoom="0.86915208"
-   inkscape:cx="33.989624"
-   inkscape:cy="176.74296"
+   inkscape:zoom="1.140625"
+   inkscape:cx="-215.64649"
+   inkscape:cy="282.86481"
    inkscape:window-x="0"
    inkscape:window-y="24"
    inkscape:window-maximized="1"
    inkscape:current-layer="Layer_1" />
-<filter
-   height="1.3"
-   width="1.4"
-   id="AI_Shadow_2"
-   filterUnits="objectBoundingBox"
-   y="-0.15000001"
-   x="-0.30000001"
-   color-interpolation-filters="sRGB">
-	<feGaussianBlur
-   in="SourceAlpha"
-   stdDeviation="2"
-   result="blur"
-   id="feGaussianBlur4" />
-	<feOffset
-   dy="2"
-   dx="0"
-   in="blur"
-   result="offsetBlurredAlpha"
-   id="feOffset6" />
-	<feMerge
-   id="feMerge8">
-		<feMergeNode
-   in="offsetBlurredAlpha"
-   id="feMergeNode10" />
-		<feMergeNode
-   in="SourceGraphic"
-   id="feMergeNode12" />
-	</feMerge>
-</filter>
-<filter
-   id="AI_GaussianBlur_4"
-   color-interpolation-filters="sRGB">
-	<feGaussianBlur
-   stdDeviation="1"
-   id="feGaussianBlur15" />
-</filter>
-
-<g
-   id="g18"
-   transform="translate(-380.55,-251.207)">
-	
-		<radialGradient
+<radialGradient
    id="SVGID_1_"
-   cx="509.90381"
-   cy="439.71289"
+   cx="508.89401"
+   cy="437.168"
    r="53.999901"
-   gradientTransform="matrix(-4.289835e-8,1.2229,-3.21,-1.748421e-7,1924.6176,-175.5171)"
+   gradientTransform="matrix(-4.289835e-8,1.2229,-3.21,-1.748421e-7,1915.4478,-177.2829)"
    gradientUnits="userSpaceOnUse">
-		<stop
+	<stop
    offset="0"
    style="stop-color:#333333"
-   id="stop21" />
-		<stop
+   id="stop4" />
+	<stop
    offset="0.1555"
    style="stop-color:#373737;stop-opacity:0.8445"
-   id="stop23" />
-		<stop
+   id="stop6" />
+	<stop
    offset="0.2968"
    style="stop-color:#424242;stop-opacity:0.7032"
-   id="stop25" />
-		<stop
+   id="stop8" />
+	<stop
    offset="0.4326"
    style="stop-color:#545454;stop-opacity:0.5674"
-   id="stop27" />
-		<stop
+   id="stop10" />
+	<stop
    offset="0.5651"
    style="stop-color:#6E6E6E;stop-opacity:0.4349"
-   id="stop29" />
-		<stop
+   id="stop12" />
+	<stop
    offset="0.6952"
    style="stop-color:#909090;stop-opacity:0.3048"
-   id="stop31" />
-		<stop
+   id="stop14" />
+	<stop
    offset="0.8235"
    style="stop-color:#B9B9B9;stop-opacity:0.1765"
-   id="stop33" />
-		<stop
+   id="stop16" />
+	<stop
    offset="0.948"
    style="stop-color:#E9E9E9;stop-opacity:0.052"
-   id="stop35" />
-		<stop
+   id="stop18" />
+	<stop
    offset="1"
    style="stop-color:#FFFFFF;stop-opacity:0"
-   id="stop37" />
-	</radialGradient>
-	<ellipse
-   cx="512.54999"
-   cy="444.19901"
+   id="stop20" />
+</radialGradient>
+<ellipse
+   cx="511.54999"
+   cy="441.19901"
    rx="110.5"
    ry="76.801003"
-   id="ellipse39"
-   sodipodi:cx="512.54999"
-   sodipodi:cy="444.19901"
+   id="ellipse22"
+   sodipodi:cx="511.54999"
+   sodipodi:cy="441.19901"
    sodipodi:rx="110.5"
    sodipodi:ry="76.801003"
    style="opacity:0.4;fill:url(#SVGID_1_)"
-   d="m 623.04999,444.19901 c 0,42.41602 -49.47254,76.801 -110.5,76.801 -61.02747,0 -110.5,-34.38498 -110.5,-76.801 0,-42.41603 49.47253,-76.80101 110.5,-76.80101 61.02746,0 110.5,34.38498 110.5,76.80101 z" />
-	<path
-   d="m 622.55,403.509 c 0,73.333 0,73.333 -73.333,73.333 h -73.333 c -73.334,0 -73.334,0 -73.334,-73.333 h 220 z"
-   id="path41"
-   inkscape:connector-curvature="0"
-   style="filter:url(#AI_GaussianBlur_4)" />
-</g>
-<g
-   id="g43"
-   transform="translate(-380.55,-251.207)">
-	<linearGradient
+   transform="translate(-399.571,-251.207)" />
+<g
+   id="Layer_3"
+   transform="translate(-399.571,-251.207)">
+</g>
+<g
+   id="g25"
+   style="opacity:0.15"
+   transform="translate(-399.571,-251.207)">
+	<path
+   d="m 622.001,404.501 c 0,73.333 0,73.333 -73.333,73.333 h -73.333 c -73.334,0 -73.334,0 -73.334,-73.333 h 220 z"
+   id="path27"
+   inkscape:connector-curvature="0" />
+</g>
+<g
+   id="g29"
+   style="opacity:0.75"
+   transform="translate(-399.571,-251.207)">
+	<path
+   d="m 622.001,402.997 c 0,73.333 0,73.333 -73.333,73.333 h -73.333 c -73.334,0 -73.334,0 -73.334,-73.333 h 220 z"
+   id="path31"
+   inkscape:connector-curvature="0" />
+</g>
+<g
+   id="g33"
+   transform="translate(-399.571,-251.207)">
+	
+		<linearGradient
    id="SVGID_2_"
    gradientUnits="userSpaceOnUse"
-   x1="511.55029"
-   y1="474.16599"
-   x2="511.55029"
-   y2="252.207">
+   x1="292.55029"
+   y1="397.33401"
+   x2="292.55029"
+   y2="619.29303"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 		<stop
    offset="0"
    style="stop-color:#B1AFAF"
-   id="stop46" />
+   id="stop36" />
 		<stop
    offset="0.2548"
    style="stop-color:#CECDCD"
-   id="stop48" />
+   id="stop38" />
 		<stop
    offset="0.5435"
    style="stop-color:#E8E7E7"
-   id="stop50" />
+   id="stop40" />
 		<stop
    offset="0.8011"
    style="stop-color:#F8F7F7"
-   id="stop52" />
+   id="stop42" />
 		<stop
    offset="1"
    style="stop-color:#FEFDFD"
-   id="stop54" />
+   id="stop44" />
 	</linearGradient>
 	<path
-   d="m 474.557,252.207 h 73.987 c 73.986,0 73.986,0 73.986,73.986 v 73.987 c 0,73.986 0,73.986 -73.986,73.986 h -73.987 c -73.986,0 -73.986,0 -73.986,-73.986 v -73.987 c -0.001,-73.986 -0.001,-73.986 73.986,-73.986 l 0,0 z"
-   id="path56"
+   d="m 474.557,252.207 h 73.987 c 73.986,0 73.986,0 73.986,73.986 v 73.986 c 0,73.986 0,73.986 -73.986,73.986 h -73.987 c -73.985,0 -73.985,0 -73.985,-73.986 v -73.986 c -0.002,-73.986 -0.002,-73.986 73.985,-73.986 l 0,0 z"
+   id="path46"
    inkscape:connector-curvature="0"
    style="fill:url(#SVGID_2_)" />
-	<linearGradient
+	
+		<linearGradient
    id="SVGID_3_"
    gradientUnits="userSpaceOnUse"
-   x1="511.55029"
-   y1="475.16599"
-   x2="511.55029"
-   y2="251.207">
+   x1="292.55029"
+   y1="396.33401"
+   x2="292.55029"
+   y2="620.29303"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 		<stop
    offset="0"
    style="stop-color:#6E6E6E"
-   id="stop59" />
+   id="stop49" />
 		<stop
    offset="0.1487"
    style="stop-color:#797979"
-   id="stop61" />
+   id="stop51" />
 		<stop
    offset="0.4092"
    style="stop-color:#969696"
-   id="stop63" />
+   id="stop53" />
 		<stop
    offset="0.7481"
    style="stop-color:#C5C5C5"
-   id="stop65" />
+   id="stop55" />
 		<stop
    offset="1"
    style="stop-color:#ECECEC"
-   id="stop67" />
+   id="stop57" />
 	</linearGradient>
 	<path
-   d="m 548.544,252.207 c 73.986,0 73.986,0 73.986,73.986 v 73.987 c 0,73.986 0,73.986 -73.986,73.986 h -73.987 c -73.986,0 -73.986,0 -73.986,-73.986 v -73.987 c 0,-73.986 0,-73.986 73.986,-73.986 h 73.987 m 0,-1 h -73.987 c -37.221,0 -55.904,0 -65.445,9.541 -9.541,9.542 -9.541,28.224 -9.541,65.445 v 73.987 c 0,37.221 0,55.904 9.541,65.445 9.542,9.541 28.224,9.541 65.445,9.541 h 73.987 c 37.222,0 55.904,0 65.445,-9.541 9.541,-9.541 9.541,-28.225 9.541,-65.445 v -73.987 c 0,-37.221 0,-55.904 -9.541,-65.445 -9.541,-9.541 -28.223,-9.541 -65.445,-9.541 l 0,0 z"
-   id="path69"
+   d="m 548.544,252.207 c 73.986,0 73.986,0 73.986,73.986 v 73.986 c 0,73.986 0,73.986 -73.986,73.986 h -73.987 c -73.985,0 -73.985,0 -73.985,-73.986 v -73.986 c 0,-73.986 0,-73.986 73.985,-73.986 h 73.987 m 0,-1 h -73.987 c -37.221,0 -55.904,0 -65.445,9.541 -9.541,9.542 -9.541,28.224 -9.541,65.445 v 73.986 c 0,37.222 0,55.904 9.541,65.445 9.542,9.541 28.224,9.541 65.445,9.541 h 73.987 c 37.222,0 55.904,0 65.445,-9.541 9.541,-9.541 9.541,-28.225 9.541,-65.445 v -73.986 c 0,-37.221 0,-55.904 -9.541,-65.445 -9.541,-9.541 -28.223,-9.541 -65.445,-9.541 l 0,0 z"
+   id="path59"
    inkscape:connector-curvature="0"
    style="fill:url(#SVGID_3_)" />
 </g>
 <g
-   id="g71"
-   transform="translate(-380.55,-251.207)">
-	<radialGradient
+   id="g61"
+   transform="translate(-399.571,-251.207)">
+	
+		<radialGradient
    id="SVGID_4_"
-   cx="516.78418"
-   cy="241.4556"
+   cx="297.78421"
+   cy="630.04388"
    r="192.70979"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)"
    gradientUnits="userSpaceOnUse">
 		<stop
    offset="0"
    style="stop-color:#FBFBFB"
-   id="stop74" />
+   id="stop64" />
 		<stop
    offset="1"
    style="stop-color:#E0E0E0"
-   id="stop76" />
+   id="stop66" />
 	</radialGradient>
 	<path
-   d="m 474.557,470 c -34.445,0 -53.204,0.083 -60.988,-7.701 -7.783,-7.783 -7.568,-26.675 -7.568,-61.119 v -73.986 c 0,-34.444 -0.215,-53.522 7.568,-61.306 7.784,-7.784 26.543,-7.888 60.988,-7.888 h 73.986 c 34.444,0 53.654,0.104 61.438,7.888 7.784,7.783 8.02,26.861 8.02,61.306 v 73.986 c 0,34.444 -0.235,53.336 -8.02,61.119 -7.783,7.784 -26.993,7.701 -61.438,7.701 h -73.986 z"
-   id="path78"
+   d="m 474.557,470 c -34.444,0 -53.203,0.083 -60.988,-7.701 -7.783,-7.783 -7.568,-26.675 -7.568,-61.119 v -73.985 c 0,-34.444 -0.215,-53.522 7.568,-61.306 7.785,-7.784 26.543,-7.888 60.988,-7.888 h 73.986 c 34.444,0 53.654,0.104 61.438,7.888 7.783,7.783 8.02,26.861 8.02,61.306 v 73.985 c 0,34.444 -0.235,53.336 -8.02,61.119 -7.783,7.784 -26.993,7.701 -61.438,7.701 h -73.986 z"
+   id="path68"
    inkscape:connector-curvature="0"
    style="fill:url(#SVGID_4_)" />
 </g>
 
 
 
+
 <linearGradient
-   id="SVGID_6_"
+   id="SVGID_7_"
    gradientUnits="userSpaceOnUse"
-   x1="507.60641"
-   y1="388.75201"
-   x2="516.93939"
-   y2="336.0856">
+   x1="288.6055"
+   y1="482.74899"
+   x2="297.93829"
+   y2="535.41443"
+   gradientTransform="matrix(1,0,0,-1,219,871.5)">
 	<stop
    offset="0"
    style="stop-color:#CCCCCC"
-   id="stop108" />
+   id="stop111" />
 	<stop
    offset="1"
    style="stop-color:#FBFBFB"
-   id="stop110" />
+   id="stop113" />
 </linearGradient>
 
 
 
 
+
 </svg>
\ No newline at end of file

=== modified file 'app/views/environment.js'
--- app/views/environment.js	2012-11-01 13:21:53 +0000
+++ app/views/environment.js	2012-11-05 18:05:23 +0000
@@ -787,11 +787,12 @@
           var status_chart_arc = d3.svg.arc()
             .innerRadius(0)
             .outerRadius(function(d) {
-                // Make sure it's exactly as wide as the mask
+                // Make sure it's exactly as wide as the mask with a bit
+                // of leeway for the border.
                 return parseInt(
                     d3.select(this.parentNode)
                       .select('image')
-                      .attr('width'), 10) / 2;
+                      .attr('width'), 10) / 2.05;
               });
 
           var status_chart_layout = d3.layout.pie()


Follow ups