Change button style when active

ruthmoog · Jul 17, 2023 · 18c9dc9 · 18c9dc9
1 parent ba5d6a8
commit 18c9dc9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/static/bundle.js b/static/bundle.js
@@ -179,7 +179,7 @@
     function extractWeather(weatherResponse, currentDate) {
         const index = currentDate.getHours() - 1;
 
-        const temperature = weatherResponse.hourly.temperature_2m[index];
+        const temperature = Math.round(weatherResponse.hourly.temperature_2m[index]);
         const cloudCover = weatherResponse.hourly.cloudcover[index];
         const windSpeed = weatherResponse.hourly.windspeed_10m[index];
 

diff --git a/static/style.css b/static/style.css
@@ -62,6 +62,12 @@ button, #species {
     line-height:            1rem;
 }
 
+button:active {
+    color:                  var(--border-color);
+    box-shadow:             7px 7px 0 1px var(--border-color);
+
+}
+
 .selectSection {
     background-color:       var(--field-color);
     display:                inline;