Some max-width

src/components/GeneratePage.vue

@@ -85,7 +85,6 @@ export default {
     getRotation: function() {
       let num = Math.floor(Math.random() * 15);
       let neg = Math.floor(Math.random() * 2);
-      console.log(neg);
       return neg == 0 ? -num : num;
     },
     getColorClass: function(number) {
@@ -111,7 +110,6 @@ body {
   margin: 0;
   color: #333333;
   font-family: sans-serif;
-  max-width: 1400px;
   padding-bottom: 30px;
 }
 .header-link {
@@ -174,6 +172,8 @@ input {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
+  max-width: 1400px;
+  margin: auto;
 }
 .color-box {
   width: 150px;

src/components/RegisterPage.vue

@@ -66,8 +66,6 @@ export default {
   },
   methods: {
     addWinner: function(event) {
-      console.log("clicked");
-
       this.winners.push({
         name: "",
         color: "",
@@ -133,7 +131,6 @@ export default {
         body: JSON.stringify(sendObject)
       });
       let response = await _response.json();
-      console.log(response);
       if (response == true) {
         alert("Sendt!");
         window.location.reload();

src/components/VinlottisPage.vue

@@ -43,7 +43,6 @@ body {
   margin: 0;
   color: #333333;
   font-family: sans-serif;
-  max-width: 1400px;
   padding-bottom: 30px;
 }
 </style>
@@ -101,6 +100,8 @@ h1 {
   justify-content: center;
   align-items: center;
   width: 100vw;
+  max-width: 1400px;
+  margin: auto;
   padding: 50px 0;
 }