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 (file)
--- 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 (file)
--- 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 />