From 89d4b200a00d96d68a9d3bfb40d2a06747316580 Mon Sep 17 00:00:00 2001
From: jslightham <31053827+jslightham@users.noreply.github.com>
Date: Tue, 26 May 2020 23:34:01 -0400
Subject: [PATCH] made responsive for tablets

---
 index.html | 12 ++++++------
 main.js    |  2 +-
 style.css  |  7 +++++++
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 22d3324..e18f407 100644
--- a/index.html
+++ b/index.html
@@ -44,18 +44,18 @@
         <h1>Collision Simulator</h1>
         <h4>Project by Johnathon Slightham</h4>
 
-        <div class="container-fluid">
+        <div class="container-fixed">
             <div class="row justify-content-start">
-                <div class="col-xl-6 col-md-4 col-sm-4" id="quote-2-high">
-                    <div class="card bg-light" style="min-width: 790px;">
+                <div class=" col-sm-12 col-md-12 col-lg-10 col-xl-8" id="quote-2-high">
+                    <div class="card bg-light" >
                         <h4 class="card-header">Simulation</h4>
                         <p class="card-text"><center><canvas id="myCanvas" width="750" height="750" style="border: solid 2px black;">Your browser does not support HTML 5</canvas> </center></p>
                     </div>
                 </div>
-                <div class="col-lg-3 col-md-8 col-sm-8">
+                <div class="col-lg-3 col-md-4 col-sm-4 fix">
                     <div class="row justify-content-start" id="top-row">
-                        <div class="col mb-10">
-                            <div class="card bg-light">
+                        <div class="col mb-3 fix">
+                            <div class="card bg-light fix">
                                 <h4 class="card-header mb-3">Modifiers</h4>
                                 <p class="card-text">Coefficient of Kinetic Friction: <input type="number" value="0.00005" step="0.000001" id="fr" onchange="frChange()" class="numinput" style="width: 100px;"> <br> 
                                     <!-- Coefficient of Static Friction: <input type="number" value="0.005" step="0.000001" id="sfr" onchange="sfrChange()" class="numinput"> <br> /!-->
diff --git a/main.js b/main.js
index 5d61d25..1d4c2a8 100644
--- a/main.js
+++ b/main.js
@@ -74,7 +74,7 @@ function main(elem){
     //canvas.addEventListener("onmouseup", doMouseUp, false);
 
     // Loop through each particle every 10 milliseconds, create measurements every 1 second
-    setInterval(loop, 10);
+    setInterval(loop, 20);
     setInterval(measureData, 1000);
 }
 
diff --git a/style.css b/style.css
index dec25ee..accd9cb 100644
--- a/style.css
+++ b/style.css
@@ -73,4 +73,11 @@ body{
 ul {
     text-align: center;
     list-style-position: inside;
+}
+
+@media screen and (max-width: 1873px) {
+        .fix{
+            margin-top: 10px;
+            min-width: 75%;
+        }
 }
\ No newline at end of file