From f231f5e9dc7a306794d72930bceed173a3ed9c39 Mon Sep 17 00:00:00 2001
From: Alexandre <44178713+alexbelgium@users.noreply.github.com>
Date: Wed, 27 Nov 2024 15:39:44 +0100
Subject: [PATCH] Dynamic layout vs screen size

---
 scripts/overview.php | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/scripts/overview.php b/scripts/overview.php
index 3d4d14e..a449c2c 100644
--- a/scripts/overview.php
+++ b/scripts/overview.php
@@ -400,20 +400,20 @@ function display_species($species_list, $title, $show_last_seen=false) {
                             $image_url = $image[1] ?? ""; // Get the image URL if available
                         }
 
+                        $last_seen_text = "";
                         if ($show_last_seen && isset($todaytable['DaysAgo'])) {
                             $days_ago = $todaytable['DaysAgo'];
                             if ($days_ago > 30) {
                                 $months_ago = floor($days_ago / 30);
-                                $last_seen_text = "<br><i>Last: {$months_ago}mo ago</i>";
+                                $last_seen_text = "<br><i><span class='text left'>Last seen: </span>{$months_ago}mo ago</i>";
                             } else {
-                                $last_seen_text = "<br><i>Last: {$days_ago}d ago</i>";
+                                $last_seen_text = "<br><i><span class='text left'>Last seen: </span>{$days_ago}d ago</i>";
                             }
-
                         }
 
-                        $time_occurrence_text = "<br>{$todaytable['Time']}";
+                        $occurrence_text = "";
                         if (isset($todaytable['OccurrenceCount']) && $todaytable['OccurrenceCount'] > 1) {
-                            $time_occurrence_text .= " ({$todaytable['OccurrenceCount']}x)";
+                            $occurrence_text = " ({$todaytable['OccurrenceCount']}x)";
                         }
                     ?>
                     <tr class="relative" id="<?php echo $iterations; ?>">
@@ -434,8 +434,12 @@ function display_species($species_list, $title, $show_last_seen=false) {
                                     </i>
                             </form></div>
                         </td>
-                        <td style="white-space: nowrap;">Confidence: <?php echo round($todaytable['Confidence'] * 100 ) . '%'; echo $last_seen_text; echo $time_occurrence_text; ?><br></td>
-                    </tr>
+                        <td style="white-space: nowrap;"><?php
+                                echo '<span class="text left">Max Confidence: </span>' . round($todaytable['Confidence'] * 100 ) . '%' . $occurrence_text;
+                                echo "<br><span class='text left'>First detection: </span>{$todaytable['Time']}";
+                                echo $last_seen_text;
+                        ?></td>
+                      </tr>
                     <?php endforeach; ?>
                 </table>
             <?php endif; ?>