Fix import, toggling and cursor

Author: v-zmiycharov

scripts/controls.js

@@ -1,5 +1,4 @@
 import { animationFrame } from './animations.js';
-import { elements } from './elements.js';
 
 let isStarted = false;
 

scripts/modal.js

@@ -33,6 +33,7 @@ function setTheTimer(e) {
 function toggleModal() {
     modal().classList.toggle("closed");
     modalOverlay().classList.toggle("closed");
+    controlCenter();
 }
 
 function pickSuggestedTime(e) {

styles/main-content.css

@@ -10,10 +10,6 @@
     margin: 0 auto;
 }
 
-.time-container:hover {
-    cursor: pointer;
-}
-
 .time-container .time {
     display: flex;
     justify-content: center;
@@ -22,6 +18,7 @@
 
 .time-container .time:hover {
     border-bottom: 0.15rem solid #54546D;
+    cursor: pointer;
 }
 
 .time .m:hover, .s:hover {