Make buttons more discreet

Nachtzuster · Oct 31, 2024 · 576c77e · 576c77e
1 parent dbcb3e7
commit 576c77e
Showing 1 changed file with 8 additions and 8 deletions.
diff --git 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',