From 19cd8f6d48667303e864bd9ddea11ec6716a1a4f Mon Sep 17 00:00:00 2001
From: ehpersonal38 <103586016+ehpersonal38@users.noreply.github.com>
Date: Sun, 17 Apr 2022 11:08:53 -0400
Subject: [PATCH 1/2] nit-picky UI stuff

---
 homepage/style.css   |  1 -
 homepage/views.php   | 20 ++++++++++----------
 scripts/overview.php |  8 ++++----
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/homepage/style.css b/homepage/style.css
index 1e6799f..e1c042f 100644
--- a/homepage/style.css
+++ b/homepage/style.css
@@ -71,7 +71,6 @@ button {
 }
 
 button:hover {
-  font-weight: bold;
   color: blue;
 }
 
diff --git a/homepage/views.php b/homepage/views.php
index 612f4ab..c990d1d 100644
--- a/homepage/views.php
+++ b/homepage/views.php
@@ -1,32 +1,32 @@
 <link rel="stylesheet" href="style.css">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<div class="topnav" id="myTopnav">
+<div style="margin-bottom:15px" class="topnav" id="myTopnav">
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Overview" form="views">Overview</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Overview" form="views">Overview</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Recordings" form="views">Recordings</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Recordings" form="views">Recordings</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="View Log" form="views">View Log</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="View Log" form="views">View Log</button>
 </form>
 <form action="" method="GET" id="views">
-  <button type="submit" name="view" value="Tools" form="views">Tools</button>
+  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Tools" form="views">Tools</button>
 </form>
 <button href="javascript:void(0);" class="icon" onclick="myFunction()"><img src="images/menu.png"></button>
 </div>
diff --git a/scripts/overview.php b/scripts/overview.php
index 9bb86f2..a76d871 100644
--- a/scripts/overview.php
+++ b/scripts/overview.php
@@ -95,7 +95,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
       }
       </style>
       <table class="<?php echo ($_GET['previous_detection_identifier'] == 'undefined') ? '' : 'fade-in';  ?>">
-        <h3>Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
+        <h3 style="margin-bottom:12px">Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
         <tr>
           <td>
           <form action="" method="GET">
@@ -103,7 +103,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
               <button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?>: </button>
               <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"/><i><?php echo $mostrecent['Sci_Name'];?></i></a>
               <br>Confidence: <?php echo $mostrecent['Confidence'];?><br>
-              <video onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
+              <video style="margin-top:10px" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
           </form>
         </tr>
       </table> <?php
@@ -159,7 +159,7 @@ body::-webkit-scrollbar {
 <div class="left-column">
 </div>
 <div class="right-column">
-<div class="chart">
+<div style="margin-top:10px" class="chart">
 <?php
 if (file_exists('./scripts/thisrun.txt')) {
   $config = parse_ini_file('./scripts/thisrun.txt');
@@ -178,7 +178,7 @@ if (file_exists('./Charts/'.$chart)) {
 
 <div id="most_recent_detection"></div>
 
-<h3>Currently Analyzing</h3>
+<h3 style="margin-bottom:12px">Currently Analyzing...</h3>
 <?php
 $refresh = $config['RECORDING_LENGTH'];
 $time = time();

From 3d080b2ca353668eb69fb99f5a6d678c512c1328 Mon Sep 17 00:00:00 2001
From: mcguirepr89 <mcguirepr89@gmail.com>
Date: Sun, 17 Apr 2022 11:30:56 -0400
Subject: [PATCH 2/2] moving adjustments to style.css

---
 homepage/style.css   |  9 ++++++++-
 homepage/views.php   | 20 ++++++++++----------
 scripts/overview.php |  8 ++++----
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/homepage/style.css b/homepage/style.css
index e1c042f..56403ae 100644
--- a/homepage/style.css
+++ b/homepage/style.css
@@ -15,6 +15,7 @@ a:hover {
 
 h3 {
   text-align: center;
+  margin-bottom: 12px;
 }
 
 iframe {
@@ -130,6 +131,7 @@ button:hover {
   justify-content: space-between;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: 15px;
 }
 
 .topnav form {
@@ -142,7 +144,8 @@ button:hover {
   text-align: center;
   padding: 14px 16px;
   width: auto;
-  height: auto;
+  height: 100%;
+  vertical-align: middle;
 }
 
 .topnav button:hover {
@@ -187,6 +190,9 @@ button:hover {
   margin-left: auto;
 }
 
+.overview .chart {
+  margin-top: 10px;
+}
 .overview-stats {
   display: flex;
   justify-content: center;
@@ -362,6 +368,7 @@ button:hover {
   .overview .right-column .chart img {
     margin-left: 5%;
     margin-right: auto;
+    margin-top: 10px;
   }
 }
 @media screen and (max-width: 1000px) {
diff --git a/homepage/views.php b/homepage/views.php
index c990d1d..612f4ab 100644
--- a/homepage/views.php
+++ b/homepage/views.php
@@ -1,32 +1,32 @@
 <link rel="stylesheet" href="style.css">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<div style="margin-bottom:15px" class="topnav" id="myTopnav">
+<div class="topnav" id="myTopnav">
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Overview" form="views">Overview</button>
+  <button type="submit" name="view" value="Overview" form="views">Overview</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
+  <button type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
+  <button type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
+  <button type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
+  <button type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Recordings" form="views">Recordings</button>
+  <button type="submit" name="view" value="Recordings" form="views">Recordings</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
+  <button type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="View Log" form="views">View Log</button>
+  <button type="submit" name="view" value="View Log" form="views">View Log</button>
 </form>
 <form action="" method="GET" id="views">
-  <button style="height:100%;vertical-align:middle" type="submit" name="view" value="Tools" form="views">Tools</button>
+  <button type="submit" name="view" value="Tools" form="views">Tools</button>
 </form>
 <button href="javascript:void(0);" class="icon" onclick="myFunction()"><img src="images/menu.png"></button>
 </div>
diff --git a/scripts/overview.php b/scripts/overview.php
index a76d871..697491f 100644
--- a/scripts/overview.php
+++ b/scripts/overview.php
@@ -95,7 +95,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
       }
       </style>
       <table class="<?php echo ($_GET['previous_detection_identifier'] == 'undefined') ? '' : 'fade-in';  ?>">
-        <h3 style="margin-bottom:12px">Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
+        <h3>Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
         <tr>
           <td>
           <form action="" method="GET">
@@ -103,7 +103,7 @@ if(isset($_GET['ajax_detections']) && $_GET['ajax_detections'] == "true" && isse
               <button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?>: </button>
               <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"/><i><?php echo $mostrecent['Sci_Name'];?></i></a>
               <br>Confidence: <?php echo $mostrecent['Confidence'];?><br>
-              <video style="margin-top:10px" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
+              <video style="margin-top: 10px;" onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
           </form>
         </tr>
       </table> <?php
@@ -159,7 +159,7 @@ body::-webkit-scrollbar {
 <div class="left-column">
 </div>
 <div class="right-column">
-<div style="margin-top:10px" class="chart">
+<div class="chart">
 <?php
 if (file_exists('./scripts/thisrun.txt')) {
   $config = parse_ini_file('./scripts/thisrun.txt');
@@ -178,7 +178,7 @@ if (file_exists('./Charts/'.$chart)) {
 
 <div id="most_recent_detection"></div>
 
-<h3 style="margin-bottom:12px">Currently Analyzing...</h3>
+<h3>Currently Analyzing</h3>
 <?php
 $refresh = $config['RECORDING_LENGTH'];
 $time = time();