js: "fix" zooming

[chrisu/seepark.git] / web / static / seepark_web.css

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index 5cf1aadaffaf060caa37fd38d87cf631e95d13bf..e3711ffbf344897252b1b3453b5363a882730986 100644 (file)
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -14,15 +14,27 @@
     fill: red;
 }
 
-button {
-    color: inherit;
-    font: inherit;
-    margin: 0;
-    border: 1px solid;
+#openweathermap-widget-15, .c3 {
+    margin: 0 auto;
+    text-align: center;
+    padding-top: 1em;
+}
+
+#openweathermap-widget-15 {
+    width: 300px;
 }
 
-#buttonbar {
+#current, #currentair, #currentwater {
     margin: 0 auto;
     text-align: center;
-    padding-top: 1em;
+    padding: 1em;
+    max-width: 20em;
+}
+
+#currentair {
+    background-color: lightblue;
+}
+
+#currentwater {
+    background-color: lightgreen;
 }