diff --git a/defaultmodules/weather/forecast.njk b/defaultmodules/weather/forecast.njk
index 1b28ed2d2f..fa160aa17d 100644
--- a/defaultmodules/weather/forecast.njk
+++ b/defaultmodules/weather/forecast.njk
@@ -21,20 +21,20 @@
|
- {{ f.maxTemperature | roundValue | unit("temperature") | decimalSymbol }} |
{{ f.minTemperature | roundValue | unit("temperature") | decimalSymbol }} |
- {% if config.showPrecipitationAmount %}
- {{ f.precipitationAmount | unit("precip", f.precipitationUnits) }} |
- {% endif %}
- {% if config.showPrecipitationProbability %}
- {{ f.precipitationProbability | unit('precip', '%') }} |
- {% endif %}
+ {{ f.maxTemperature | roundValue | unit("temperature") | decimalSymbol }} |
{% if config.showUVIndex %}
{{ f.uvIndex }}
|
{% endif %}
+ {% if config.showPrecipitationAmount %}
+ {{ f.precipitationAmount | unit("precip", f.precipitationUnits) }} |
+ {% endif %}
+ {% if config.showPrecipitationProbability %}
+ {{ f.precipitationProbability | unit('precip', '%') }} |
+ {% endif %}
{% set currentStep = currentStep + 1 %}
{% endfor %}
diff --git a/defaultmodules/weather/weather.css b/defaultmodules/weather/weather.css
index d6e8ad8065..ff59f04c83 100644
--- a/defaultmodules/weather/weather.css
+++ b/defaultmodules/weather/weather.css
@@ -22,10 +22,14 @@
}
.weather .min-temp {
- padding-left: 20px;
+ padding-left: 0;
padding-right: 0;
}
+.weather .max-temp {
+ padding-left: 20px;
+}
+
.weather .precipitation-amount,
.weather .precipitation-prob,
.weather .humidity-hourly,
diff --git a/tests/e2e/modules/weather_forecast_spec.js b/tests/e2e/modules/weather_forecast_spec.js
index 435cc98ce5..57db7d5939 100644
--- a/tests/e2e/modules/weather_forecast_spec.js
+++ b/tests/e2e/modules/weather_forecast_spec.js
@@ -34,7 +34,7 @@ describe("Weather module: Weather Forecast", () => {
const maxTemps = ["24.4°", "21.0°", "22.9°", "23.4°", "20.6°"];
for (const [index, temp] of maxTemps.entries()) {
it(`should render max temperature ${temp}`, async () => {
- const maxTempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td:nth-child(3)`);
+ const maxTempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td.max-temp`);
await expect(maxTempCell).toHaveText(temp);
});
}
@@ -42,7 +42,7 @@ describe("Weather module: Weather Forecast", () => {
const minTemps = ["15.3°", "13.6°", "13.8°", "13.9°", "10.9°"];
for (const [index, temp] of minTemps.entries()) {
it(`should render min temperature ${temp}`, async () => {
- const minTempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td:nth-child(4)`);
+ const minTempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td.min-temp`);
await expect(minTempCell).toHaveText(temp);
});
}
@@ -107,7 +107,7 @@ describe("Weather module: Weather Forecast", () => {
const temperatures = ["75_9°", "69_8°", "73_2°", "74_1°", "69_1°"];
for (const [index, temp] of temperatures.entries()) {
it(`should render custom decimalSymbol = '_' for temp ${temp}`, async () => {
- const tempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td:nth-child(3)`);
+ const tempCell = page.locator(`.weather table.small tr:nth-child(${index + 1}) td.max-temp`);
await expect(tempCell).toHaveText(temp);
});
}