From 435ca2a39538cd2ef8211c4731b4be14e18f62e9 Mon Sep 17 00:00:00 2001
From: SOLVE-NITK <csd@nitk.edu.in>
Date: Wed, 24 Apr 2024 15:03:23 +0530
Subject: [PATCH] Resposnive Simulation modified

---
 experiment/simulation/css/query.css |  1 +
 experiment/simulation/index.html    |  4 ++--
 experiment/simulation/js/script.js  | 16 ++++++++--------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/experiment/simulation/css/query.css b/experiment/simulation/css/query.css
index 4691f05..934f3cc 100644
--- a/experiment/simulation/css/query.css
+++ b/experiment/simulation/css/query.css
@@ -20,6 +20,7 @@ em:current font size
     align-items: center;
    
   } */
+
   
 
 }
diff --git a/experiment/simulation/index.html b/experiment/simulation/index.html
index 990291e..bb2ec87 100644
--- a/experiment/simulation/index.html
+++ b/experiment/simulation/index.html
@@ -112,11 +112,11 @@ <h3 class="task-title">Simulation</h3>
               <div class="other-sec display-hide">
                 <div>
                   <label for="CsArea">C/s Area(m^2)</label>
-                  <input class="var-spinner" id="CsArea" name="value" />
+                  <input type="number" class="var-spinner" id="CsArea" name="value" />
                 </div>
                 <div>
                   <label for="Ivalue">Ixx(m^4) </label>
-                  <input class="var-spinner" id="Ivalue" name="value" />
+                  <input type="number" class="var-spinner" id="Ivalue" name="value" />
                 </div>
               </div>
             </div>
diff --git a/experiment/simulation/js/script.js b/experiment/simulation/js/script.js
index db0c776..99886b3 100644
--- a/experiment/simulation/js/script.js
+++ b/experiment/simulation/js/script.js
@@ -336,17 +336,17 @@ const setMediaQueries = function (ctx) {
     originalX = canvas.width / 4 - 10;
     scaleY = 0.7;
   }  else if (mediaQuery5.matches) {
-    scaleX = 0.6;
+    scaleX = 0.9;
     originalX = canvas.width / 4 - 10;
     scaleY = 0.7;
   }else if (mediaQuery6.matches) {
-    scaleX = 0.425;
+    scaleX = 0.5;
     originalX = canvas.width / 4 - 10;
-    scaleY = 0.7;
+    scaleY = 0.8;
   } else {
     // originalX = canvas.width / 4 - 20;
-    scaleX = 0.3;
-    scaleY = 0.5;
+    scaleX = 0.5;
+    scaleY = 0.7;
   }
   ctx.canvas.width = document.documentElement.clientWidth * scaleX;
   ctx.canvas.height = document.documentElement.clientHeight * scaleY;
@@ -448,7 +448,7 @@ function generateGraph() {
   graphctx1.canvas.width = document.documentElement.clientWidth * scaleX;
   graphctx1.canvas.height = document.documentElement.clientHeight * scaleY;
   graphctx1.clearRect(0, 0, graphCanvas1.width, graphCanvas1.height);
-  graphctx1.font = "2rem Comic sans MS";
+  graphctx1.font = "2.1rem Comic sans MS";
   graphctx1.save();
   graphctx1.translate(0, 225);
   graphctx1.rotate(-Math.PI / 2);
@@ -482,7 +482,7 @@ function generateGraph() {
   graphctx2.canvas.width = document.documentElement.clientWidth * scaleX;
   graphctx2.canvas.height = document.documentElement.clientHeight * scaleY;
   graphctx2.clearRect(0, 0, graphCanvas2.width, graphCanvas2.height);
-  graphctx2.font = "2rem Comic sans MS";
+  graphctx2.font = "2.1rem Comic sans MS";
   graphctx2.beginPath();
   graphctx2.strokeStyle = "black";
   graphctx2.moveTo(20, 330);
@@ -515,7 +515,7 @@ function generateGraph() {
   graphctx2.moveTo(150, 360);
   graphctx2.lineTo(150, 100);
   graphctx2.stroke();
-  graphctx2.font = "2rem Comic sans MS";
+  graphctx2.font = "2.1rem Comic sans MS";
   graphctx2.fillText("\u03C9d= " + wd.toFixed(3) + "rad/s", 260, 300);
 }