worklog and vbox circles

client/assets/styles/colours.less

@@ -14,14 +14,14 @@ svg {
     display: block;
 
     &.red {
-        fill: @red;
+        stroke: @red;
     }
 
     &.green {
-        fill: @green;
+        stroke: @green;
     }
 
     &.blue {
-        fill: @blue;
+        stroke: @blue;
     }
 }

client/assets/styles/instance.less

@@ -16,6 +16,7 @@
 @media (max-width: 1920px) {
     .instance .info table td svg {
         height: 50%;
+        stroke-width: 8px;
     }
 
     .instance svg {

client/assets/styles/vbox.less

@@ -94,7 +94,7 @@
     }
 
     svg {
-        stroke: none;
+        stroke-width: 4px;
     }
 
     // figures don't scale well

client/src/components/anims/reflect.jsx

@@ -19,8 +19,8 @@ class Refl extends Component {
     }
 
     render({ team }) {
-        const redX = anime.random(32, 96);
-        const blueX = anime.random(192, 224);
+        const oneX = anime.random(32, 96);
+        const twoX = anime.random(192, 224);
 
         return (
             <svg
@@ -39,11 +39,11 @@ class Refl extends Component {
                 </defs>
                 <g filter="url(#reflectFilterGreen)">
                     <rect class="green" x="32" y="64" width="192" height="1" />
-                    <path class="red"
-                        d={`M${redX},20 L${redX * 1.5},64 L${redX * 2},20`}
+                    <path class="blue"
+                        d={`M${oneX},20 L${oneX * 1.5},64 L${oneX * 2},20`}
                         style={{ 'stroke-dasharray': anime.random(48, 64) }} />
                     <path class="blue"
-                        d={`M${blueX},20 L${blueX * 0.75},64 L${blueX * 0.5},20`}
+                        d={`M${twoX},20 L${twoX * 0.75},64 L${twoX * 0.5},20`}
                         style={{ 'stroke-dasharray': anime.random(48, 64) }} />
                 </g>
             </svg>

client/src/components/svgs/vbox.colour.jsx

@@ -6,9 +6,7 @@ module.exports = function vboxColour(colour) {
             <circle
                 cx={50}
                 cy={50}
-                r={50}
-                // stroke-width="2"
-                // stroke={colour}
+                r={44}
             />
         </svg>
     );