Forecast vertical strip icons when installed in Seasons are hughe

[Sylvain Gagnon]

Hi, installed the forecast plugin yesterday. I added the strip view to the Seasons skin. In its horizontal orientation, it works very well. However, when installed vertically, the icons take about half the web page. Anybody knows how to fix this? All my attempts prove unsuccessful :-(
 
Here's the relevant (I think) info.

Platform Linux-4.19.118-v7+-armv7l-with-debian-10.4 running on a Raspberry 3
Python 2.7.16 (default, Oct 10 2019, 22:02:15) #012[GCC 8.3.0]
weewx version 4.1.1
forecast version 3.4.0b1

Relevant lines added in weewx.conf
[Forecast]
    data_binding = forecast_binding
    [[OWM]]
        api_key = ...

Relevant lines added in the [Extras] of Seasons/skin.conf
    [[forecast_strip_settings]]
        source = OWM
        num_periods = 40
        show_temp = 1
        show_temp_min = 1
        show_temp_max = 1
        show_dewpoint = 0
        show_humidity = 0
        show_wind = 1
        show_clouds = 1
        show_pop = 1
        show_snow = 1
        show_precip = 1
        show_sun = 0
        show_moon = 0
        show_moonphase = 0
        show_tides = 0

Relevant lines added to Seasons/index.html.tmpl
    <div id="contents">
      <div id="widget_group">
        #include "current.inc"
        #include "sunmoon.inc"
        #include "hilo.inc"
        #include "sensors.inc"
        #include "radar.inc"
        #include "satellite.inc"
        #include "map.inc"
        #include "forecast.inc"
        #include "about.inc"
      </div>

New Seasons/forecast.inc script:
## forecast module for weewx skins
## Copyright Tom Keffer, Matthew Wall
## See LICENSE.txt for your rights
#errorCatcher Echo

<link rel='stylesheet' type='text/css' href='forecast_strip.css'/>

<div id='forecast_widget' class="widget">
  <div class="widget_title">
    Forecast
    <a class="widget_control"
      onclick="toggle_widget('forecast')">&diams;</a>
  </div>
  <div class="widget_contents" id='forecast_strip'>
    #set global $forecast_strip_settings = dict()
    #set global $forecast_strip_settings['orientation'] = 'vertical'

    #include "forecast_strip.inc"
    <script>
      populate_strip('forecast_strip', 'OWM');
    </script>
    ##<div id='forecast_strip'></div>
  </div>
</div>

File forecast_strip.inc and forecast_strip.css are left intact and copied to Seasons from forecast.

Hitting http://x.x.x.x/weewx/forecast/single-strip-vertical.html displays the icons correctly.

Thanks.

[Sylvain Gagnon]

Fixed it by removing the widget img class from seasons.css with no apparent side effeft. For some unknown reason, the cloud and windDir classes from forecast_strip.css aren't being used when rotation is set to vertical.

This is what it looks like and the column alignment is correct.

<table>

  :

  <col class="windDir">

  :

  <tr>

  :

    <td><img src="icons/FWn.png"></td>

  </tr>

In horizontal orentation, the class is set on a row, not a column and the icons are of correct size. Just in vertical orientation does it do that.