centered overview on larger screens (@svarsten53)

homepage/style.css

@@ -118,7 +118,7 @@ button:hover {
   padding: 10px;
 }
 
-.topnav, .topnav form {
+.topnav {
   background-color: rgb(159, 226, 155);
   display: block;
   width: 85%;
@@ -127,6 +127,8 @@ button:hover {
 }
 
 .topnav form {
+  display: block;
+  width: 80%;
   margin-left: auto;
   margin-rigth: auto;
 }
@@ -200,7 +202,7 @@ button:hover {
 }
 
 .overview span img {
-  margin-left: 15%;
+  margin-left: auto;
   margin-right: auto;
 }
 

scripts/overview.php

@@ -104,7 +104,7 @@ $totalspeciestally = $result6->fetchArray(SQLITE3_ASSOC);
 </div>
 <?php
 if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {
-  echo "<img src=\"/Charts/$chart?nocache=time()\">";
+  echo "<img style=\"display:block;max-height:100%;margin-left:25%;margin-right:10%;\" src=\"/Charts/$chart?nocache=time()\">";
 } else {
   echo "<p>No Detections For Today</p>";
 }