fix/change

static/js/inactive.js

@@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
   const youFillColor   = 'rgba(255,255,255,0.1)';
   const matchLineColor = 'rgb(191,181,49)';
   const matchFillColor = 'rgba(191,181,49,0.420)';
-  const radialLineColor= 'rgba(255,255,255,0.420)';
+  const radialLineColor= 'rgba(255,255,255,0.1337)';
 
   function distance(a,b){ return Math.sqrt(a.reduce((s,v,i)=>s+(v-b[i])**2,0)); }
 
@@ -70,11 +70,11 @@ document.addEventListener("DOMContentLoaded", () => {
         maintainAspectRatio:false,
         scales:{
           r:{
-            min:0, max:80,
+            min:0, max:100,
             ticks:{ display:false, stepSize:20 },
             pointLabels:{ font:{ size:isBest?getFontSize():getBottomChartFontSize(), weight:'bold' }, color:'#FFF' },
             angleLines:{ color:radialLineColor },
-            grid:{ drawticks:false, drawOnChartArea:false, circular:false }
+            grid:{ color: radialLineColor, drawticks:false, drawOnChartArea:true, circular:false }
           }
         },
         plugins:{
@@ -150,8 +150,8 @@ document.addEventListener("DOMContentLoaded", () => {
     const dy = cy-y;
     const dist = Math.sqrt(dx*dx + dy*dy);
     const rMax = Math.min(rect.width, rect.height)/2 * 0.9;
-    let value = (dist/rMax)*80;
-    value = Math.min(Math.max(Math.round(value),0),80);
+    let value = (dist/rMax)*100;
+    value = Math.min(Math.max(Math.round(value),0),100);
     userData[draggingIndex] = value;
     updateCharts();
   });

static/style.css

@@ -289,7 +289,7 @@ button.magenta-button {
     transition: background-color 0.18s ease, transform 0.12s ease;
 }
 
-button[type="submit"] { background-color: #808080; }
+button[type="submit"] { background-color: #BFB531; }
 button[type="submit"]:hover { background-color: #FFFFFF; transform: translateY(1px); }
 button[type="submit"]:active { background-color: #000000; transform: translateY(0); }