diff --git a/CageUI/resources/web/CageUI/static/legend.svg b/CageUI/resources/web/CageUI/static/legend.svg
index 51a97407f..c8ca0da37 100644
--- a/CageUI/resources/web/CageUI/static/legend.svg
+++ b/CageUI/resources/web/CageUI/static/legend.svg
@@ -18,44 +18,46 @@
   -->
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="411.51" height="980.7" viewBox="0 0 411.51 980.7">
     <rect x="340.24" y="685.71" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="340.24" y1="637.76" x2="345.24" y2="637.76"
+    <line x1="370.89" y1="668.41" x2="370.89" y2="663.41"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:2px;"/>
-    <line x1="348.09" y1="637.76" x2="365.19" y2="637.76"
+    <line x1="370.89" y1="660.56" x2="370.89" y2="643.46"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 5.7 5.7 2.85 5.7; stroke-miterlimit:10; stroke-width:2px;"/>
-    <line x1="368.04" y1="637.76" x2="393.68" y2="637.76"
+    <line x1="370.89" y1="640.61" x2="370.89" y2="614.97"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 0 0 5.7 2.85 5.7 5.7 2.85 5.7; stroke-miterlimit:10; stroke-width:2px;"/>
-    <line x1="396.53" y1="637.76" x2="401.53" y2="637.76"
+    <line x1="370.89" y1="612.12" x2="370.89" y2="607.12"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:2px;"/>
     <rect x="340.24" y="607.12" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="340.24" y1="559.23" x2="345.24" y2="559.23" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="355.5" y1="559.23" x2="391.4" y2="559.23"
+    <line x1="370.89" y1="589.87" x2="370.89" y2="584.87" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
+    <line x1="370.89" y1="574.62" x2="370.89" y2="538.71"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 10.26 10.26; stroke-miterlimit:10;"/>
-    <line x1="396.53" y1="559.23" x2="401.53" y2="559.23" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
+    <line x1="370.89" y1="533.59" x2="370.89" y2="528.59" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
     <rect x="340.24" y="528.59" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="340.24" y1="480.7" x2="401.53" y2="480.7" style="fill:#fff; stroke:#231f20; stroke-miterlimit:10;"/>
+    <line x1="370.89" y1="511.34" x2="370.89" y2="450.05" style="fill:#fff; stroke:#231f20; stroke-miterlimit:10;"/>
     <rect x="340.24" y="450.05" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="371.42" y1="214.76" x2="371.42" y2="214.26"
+    <line x1="340.77" y1="184.11" x2="402.06" y2="184.11" style="fill:#fff; stroke-width:0px;"/>
+    <line x1="340.77" y1="184.11" x2="341.27" y2="184.11"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="371.42" y1="213.23" x2="371.42" y2="209.66"
+    <line x1="342.3" y1="184.11" x2="345.87" y2="184.11"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 1.02 1.02 1.02 1.02; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="371.42" y1="209.15" x2="371.42" y2="154.48"
+    <line x1="346.38" y1="184.11" x2="401.05" y2="184.11"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 0 0 1.02 1.02 1.02 1.02 1.02 1.02; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="371.42" y1="153.97" x2="371.42" y2="153.47"
+    <line x1="401.56" y1="184.11" x2="402.06" y2="184.11"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:4px;"/>
     <rect x="340.28" y="301.64" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="370.92" y1="362.93" x2="370.92" y2="301.64"
+    <line x1="340.28" y1="332.29" x2="401.56" y2="332.29"
           style="fill:#fff; stroke:#231f20; stroke-dasharray:0 0 0 0 0 0 5 10 5 10 5 10; stroke-miterlimit:10; stroke-width:4px;"/>
     <rect x="340.28" y="153.24" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="370.92" y1="140.32" x2="370.92" y2="139.32"
+    <line x1="340.28" y1="109.68" x2="401.56" y2="109.68" style="fill:#fff; stroke-width:0px;"/>
+    <line x1="340.28" y1="109.68" x2="341.28" y2="109.68"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="370.92" y1="133.62" x2="370.92" y2="122.22"
+    <line x1="346.98" y1="109.68" x2="358.38" y2="109.68"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 2.28 2.28 5.7 2.28; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="370.92" y1="121.08" x2="370.92" y2="81.17"
+    <line x1="359.52" y1="109.68" x2="399.42" y2="109.68"
           style="fill:none; stroke:#231f20; stroke-dasharray:0 0 0 0 0 0 2.28 5.7 2.28 2.28 5.7 2.28; stroke-miterlimit:10; stroke-width:4px;"/>
-    <line x1="370.92" y1="80.03" x2="370.92" y2="79.03"
+    <line x1="400.56" y1="109.68" x2="401.56" y2="109.68"
           style="fill:none; stroke:#231f20; stroke-miterlimit:10; stroke-width:4px;"/>
     <rect x="340.28" y="79.03" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="370.92" y1="61.79" x2="370.92" y2=".5" style="fill:#fff; stroke:#231f20; stroke-miterlimit:10;"/>
+    <line x1="340.28" y1="31.14" x2="401.56" y2="31.14" style="fill:#fff; stroke:#231f20; stroke-miterlimit:10;"/>
     <rect x="340.28" y=".5" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
     <text transform="translate(.25 31.14)"
           style="fill:#231f20; font-family:MyriadPro-Regular, &apos;Myriad Pro&apos;; font-size:21px;">
@@ -101,7 +103,7 @@
     <line x1="371.23" y1="956.8" x2="370.96" y2="936.85" style="fill:#fff; stroke:#231f20; stroke-miterlimit:10;"/>
     <rect x="340.24" y="716.35" width="30.64" height="30.64"
           style="fill:#fcb017; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="371.42" y1="288.73" x2="371.42" y2="227.44"
+    <line x1="340.77" y1="258.09" x2="402.06" y2="258.09"
           style="fill:#fff; stroke:#231f20; stroke-dasharray:0 0 0 0 0 0 5 1 5 2 5 10; stroke-miterlimit:10; stroke-width:4px;"/>
     <rect x="340.28" y="227.44" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
     <text transform="translate(1.63 258.08)"
@@ -125,7 +127,7 @@
     <line x1="370.39" y1="870.88" x2="401.03" y2="840.24" style="fill:#2aace2; stroke:#231f20; stroke-miterlimit:10;"/>
     <line x1="370.39" y1="840.24" x2="401.03" y2="870.88" style="fill:#2aace2; stroke:#231f20; stroke-miterlimit:10;"/>
     <rect x="340.28" y="375.85" width="61.29" height="61.29" style="fill:none; stroke:#231f20; stroke-miterlimit:10;"/>
-    <line x1="370.92" y1="437.14" x2="370.92" y2="375.85"
+    <line x1="340.28" y1="406.49" x2="401.56" y2="406.49"
           style="fill:#fff; stroke:#ed1c24; stroke-miterlimit:10; stroke-width:2px;"/>
     <text transform="translate(1.13 406.49)"
           style="fill:#231f20; font-family:MyriadPro-Regular, &apos;Myriad Pro&apos;; font-size:21px;">