From: gregor herrmann <gregor@toastfreeware.priv.at>
Date: Mon, 10 Sep 2018 14:23:37 +0000 (+0200)
Subject: partially revert previous commit re windy widget size
X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/commitdiff_plain/ccb3c34991eaa25ee188658218fabc5d710465d3

partially revert previous commit re windy widget size

don't hardcode small width/height but set max-width for dynamic size
---

diff --git a/web/static/seepark_web.css b/web/static/seepark_web.css
index 6e7753c..174c4eb 100644
--- a/web/static/seepark_web.css
+++ b/web/static/seepark_web.css
@@ -21,12 +21,15 @@ body {
 #openweathermap-widget-15, #windy, .c3 {
     margin: 0 auto;
     text-align: center;
-    padding-top: 1em;
+    padding: 1em 1em 0 1em;
 }
 
-#openweathermap-widget-15, #windy {
+#openweathermap-widget-15 {
     width: 300px;
-    height: 244px;
+}
+
+#windyiframe {
+    max-width: 100%;
 }
 
 #current, #currentair, #currentwater {
diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 013c622..3f29501 100644
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -76,8 +76,7 @@
 
 		<!-- windy widget -->
 		<div id="windy">
-		<!-- width="650" height="450" -->
-		<iframe width="300" height="244" src="https://embed.windy.com/embed2.html?lat=47.297&amp;lon=10.927&amp;zoom=10&amp;level=surface&amp;overlay=rain&amp;menu=&amp;message=&amp;marker=&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=48.200&amp;detailLon=16.350&amp;metricWind=default&amp;metricTemp=default&amp;radarRange=-1" frameborder="0"></iframe> 
+		<iframe id="windyiframe" width="650" height="450" src="https://embed.windy.com/embed2.html?lat=47.297&amp;lon=10.927&amp;zoom=10&amp;level=surface&amp;overlay=rain&amp;menu=&amp;message=&amp;marker=&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=48.200&amp;detailLon=16.350&amp;metricWind=default&amp;metricTemp=default&amp;radarRange=-1" frameborder="0"></iframe> 
 		</div>
 
 		<hr />