centered chart on smaller screens

homepage/style.css

@@ -404,7 +404,7 @@ button:hover {
     display: block;
     text-align: center;
   }
-  .overview span {
+  .left-column {
     display: none;
   }
   .right-column {
@@ -414,6 +414,10 @@ button:hover {
   img {
     max-width: 100%;
   }
+  .overview .right-column img {
+    margin-left: 5%;
+    margin-right: auto;
+  }
 }
 
 @media screen and (max-width: 800px) {
@@ -475,11 +479,15 @@ button:hover {
   .topnav.responsive button {
     display: block;
   }
-  .overview .column .left {
+  .left-column {
     display: none;
   }
   .version {display:none;}
   .left {
     display:none;
   }
+  .right-column img {
+    margin-left: 10%;
+    margin-right: auto;
+  }
 }

scripts/overview.php

@@ -76,7 +76,6 @@ body::-webkit-scrollbar {
 </head>
 <div class="overview">
 <div class="overview-stats">
-<span>
 <div class="left-column">
 <table>
   <tr>
@@ -107,7 +106,6 @@ body::-webkit-scrollbar {
   </tr>
 </table>
 </div>
-</span>
 <div class="right-column">
 <?php
 if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {