style: fix footer width and scrolling behavior

Author: hthiagarajan

static/css/style.css

@@ -1,6 +1,7 @@
 html, body {
     height: 100%;
     margin: 0;
+    overflow-x: hidden;
 }
 
 body {
@@ -10,6 +11,7 @@ body {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
+    position: relative;
 }
 
 .navbar-brand {
@@ -19,6 +21,8 @@ body {
 main {
     flex: 1 0 auto;
     padding: 2rem 0;
+    width: 100%;
+    overflow-y: auto;
 }
 
 .card {
@@ -66,4 +70,14 @@ footer {
     background-color: #343a40;
     padding: 2rem 0;
     margin-top: auto;
+    width: 100%;
+    position: relative;
+    left: 0;
+    right: 0;
+}
+
+footer .container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0 15px;
 }