From 576c77eb03dbddd54f2ec8db9d003fdd2b19fd8a Mon Sep 17 00:00:00 2001
From: Alexandre <44178713+alexbelgium@users.noreply.github.com>
Date: Thu, 31 Oct 2024 21:26:50 +0100
Subject: [PATCH] Make buttons more discreet

---
 scripts/utils/interactive_plot.py | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/scripts/utils/interactive_plot.py b/scripts/utils/interactive_plot.py
index a406f2d02..cbcf91d18 100644
--- a/scripts/utils/interactive_plot.py
+++ b/scripts/utils/interactive_plot.py
@@ -234,17 +234,17 @@ def create_plotly_heatmap(df_birds, now):
     <style>.modebar-container {{ display: none !important; }}</style>
     <div class='chart-container' style='position: relative; max-width: 1000px; width: 98%; margin: 0 auto;'>
         <div style='position: absolute; bottom: 10px; left: 10px; z-index: 10;'>
-            <select id='sortOptions' style='margin-left: 5px; padding: 5px; font-size: 14px; background-color: rgba(255, 255, 255, 0.5);
-            color: #333; border: none; border-radius: 3px;'>
-                <option value="count" selected>Count</option>
-                <option value="confidence">Max Confidence</option>
-                <option value="species">Species Name</option>
-            </select>
             <input type='text' id='birdSearch' placeholder='Search...'
-            style='padding: 5px; font-size: 14px; background-color: rgba(255, 255, 255, 0.5); color: #333; border: none;
+            style='padding: 5px; font-size: 14px; background-color: rgba(255, 255, 255, 0.5); color: #7F7F7F; border: none;
             border-radius: 3px; width: 150px;' />
             <button id='filterButton' style='padding: 5px; font-size: 14px; background-color: rgba(255, 255, 255, 0.5);
-            color: #333; border: none; border-radius: 3px;'>OK</button>
+            color: #7F7F7F; border: none; border-radius: 3px; font-weight: normal;'>OK</button>
+            <select id='sortOptions' style='padding: 5px; font-size: 14px; background-color: rgba(255, 255, 255, 0.5);
+            color: #7F7F7F; border: none; border-radius: 3px;'>
+                <option value="count" style="color: #7F7F7F;" selected>Count</option>
+                <option value="confidence" style="color: #7F7F7F;">Max Confidence</option>
+                <option value="species" style="color: #7F7F7F;">Species Name</option>
+            </select>
         </div>
         {fig.to_html(
             include_plotlyjs='cdn',