Update style to work on desktop.

Fix the horizontal scroll issue.

views/css/home.css

@@ -22,6 +22,7 @@
 #workoutList{
     display: flex;
     flex-direction: column;
+    align-items: center;
     width: 100%;
 }
 
@@ -29,6 +30,7 @@
     margin: 15px 0;
     padding: 15px 0;
     width: 100%;
+    max-width: 750px;
 }
 
 #homeLogout{

views/css/newWorkout.css

@@ -36,4 +36,5 @@
 #newWorkoutFinish{
     margin-top: 35px;
     width: 100%;
+    max-width: 550px;
 }

views/css/session.css

@@ -69,6 +69,7 @@
     height: 35%;
     min-height: 275px;
     width: 95%;
+    max-width: 750px;
     padding: 25px 10px;
     box-shadow: 0 0 5px var(--text);
     background: var(--gray);
@@ -139,3 +140,9 @@
     padding: 15px 0;
     margin-top: 25px;
 }
+
+@media screen and (min-width: 750px){
+    #sessionNotesText{
+        left: calc(50% - 375px);
+    }
+}

views/css/workoutMenu.css

@@ -11,6 +11,7 @@
 
 .workoutMenuButtons{
     width: 100%;
+    max-width: 550px;
     margin-top: 35px;
 }
 
@@ -40,4 +41,5 @@
 
 #resumeWorkoutContainer button{
     font-size: 18px;
+    max-width: 550px;
 }

views/index.css

@@ -31,8 +31,8 @@ body{
     justify-content: center;
     align-items: center;
     min-height: calc(100vh - 65px);
-    width: 100vw;
-    padding: 25px 25px 25px 25px;
+    width: 100%;
+    padding: 25px;
 }
 
 .logo{