[curweather] Fix widget layout. [friendica#5473] (#662)

See issue [friendica#5473](https://github.com/friendica/friendica/issues/5473) and PR#653.
This commit is contained in:
Andreas Neustifter 2018-07-23 23:06:09 +02:00 committed by Hypolite Petovan
parent 76a9630d40
commit b058ac39df
3 changed files with 186 additions and 179 deletions

View file

@ -1,11 +1,11 @@
#curweather-network img {
float: left;
margin: 30px 10px;
}
ul.curweather-details li {
list-type: none;
}
p.curweather-footer {
div.curweather-footer {
margin-top: 10px;
font-size: 0.8em;
}

View file

@ -1,17 +1,24 @@
<div id="curweather-network" class="widget">
<div class="title tool">
<div class="title tool clear">
<h3 title="{{$lastupdate}}">{{$title}}: {{$city}}</h3>
</div>
<p>
<div class="pull-left">
<img src="{{$icon}}" title="{{$description}}">
</div>
<div class="pull-right">
<ul class="curweather-details">
<li><strong>{{$temp}}</strong></li>
<li>{{$relhumidity['caption']}}: {{$relhumidity['val']}}</li>
<li>{{$pressure['caption']}}: {{$pressure['val']}}</li>
<li>{{$wind['caption']}}: {{$wind['val']}}</li>
</ul></p>
<p class="curweather-footer">
{{$databy}}: <a href="http://openweathermap.org">OpenWeatherMap</a>. <a href="http://openweathermap.org/weathermap?basemap=map&cities=true&layer=temperature&lat={{$lat}}&lon={{$lon}}&zoom=10">{{$showonmap}}</a>
</p>
</ul>
</div>
<div class="clear"></div>
<div class="curweather-footer pull-left">
{{$databy}}: <a href="http://openweathermap.org">OpenWeatherMap</a>.
</div>
<div class="curweather-footer pull-right">
<a href="http://openweathermap.org/weathermap?basemap=map&cities=true&layer=temperature&lat={{$lat}}&lon={{$lon}}&zoom=10">{{$showonmap}}</a>
</div>
</div>
<div class="clear"></div>