Moved to a mobile friendly CSS framework

2 files changed, 7 insertions, 8 deletions

diff --git a/app/static/custom.css b/app/static/custom.css
index 18462d3..9992ee5 100644
--- a/app/static/custom.css
+++ b/app/static/custom.css
@@ -1,21 +1,20 @@
-button, input, .select, .select select {
+button, input, select {
     width: 100%;
     height: 100%;
 }
-table {
-    font-size: 17.5px;
-}
 td {
     width: 20%;
 }
-.center {
-    margin: auto;
-    width: 50%;
+.grid {
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 .parent {
     display: grid;
     grid-column-gap: 20px;
     grid-row-gap: 20px;
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media (min-width: 800px) {
     .parent {
diff --git a/app/static/custom.js b/app/static/custom.js
index 1d36493..2c47448 100644
--- a/app/static/custom.js
+++ b/app/static/custom.js
@@ -3,7 +3,7 @@ let timerRunningFlag = Number(sessionStorage.getItem("timerRunningFlag")) || 0;
 let deadline = Number(sessionStorage.getItem("deadline")) || new Date().getTime();

 let clock = 0;

 

-function setTimer(m, s) {

+window.onload += function setTimer(m, s) {

     let timer = document.getElementById("timer-display");

     m = m < 10 ? ("0" + m) : m;

     s = s < 10 ? ("0" + s) : s;