centered history

homepage/style.css

@@ -21,6 +21,19 @@
   margin-right: auto;
 }
 
+.banner img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 10px;
+}
+
+.banner a {
+  text-decoration: none;
+  color: black;
+  font-size: x-large;
+}
+
 .topbar {
   display: block;
   width: auto;
@@ -57,12 +70,14 @@
 }
 
 .play table {
+  display: block;
   width:50%;
   margin-right: auto;
   margin-left: auto;
 }
 
 .overview td {
+  vertical-align:middle;
   width:20%;
 }
 
@@ -71,7 +86,17 @@
 }
 
 .stats table {
-  width: 100%;
+  width: 75%;
+}
+
+.stats td {
+  vertical-align: middle;
+}
+
+.history table,.history img {
+  width: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 a {
@@ -98,7 +123,6 @@ table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
-/*  border: 1px solid black;*/
 }
 
 td {
@@ -179,7 +203,7 @@ body::-webkit-scrollbar {
 }
 
 @media screen and (max-width: 600px) {
-  .play table,.overview table {
+  .play table,.overview table,.stats table {
     width: 100%;
   }
   .topnav button { 
@@ -196,7 +220,7 @@ body::-webkit-scrollbar {
 }
 
 @media screen and (max-width: 600px) {
-  .play table,.overview table {
+  .play table,.overview table,.stats table {
     width: 100%;
   }
   .topnav button {