From 653179be2e491ed79ab0b110c94f9d4c378f6515 Mon Sep 17 00:00:00 2001
From: Avii <git@avii.nl>
Date: Sat, 8 Aug 2026 14:38:08 +0200
Subject: [PATCH] 1786192688

---
 dashboard/ui/climate.slint | 176 ++++++++++++++++++-------------------
 1 file changed, 88 insertions(+), 88 deletions(-)

diff --git a/dashboard/ui/climate.slint b/dashboard/ui/climate.slint
index 459cb51..47e844e 100644
--- a/dashboard/ui/climate.slint
+++ b/dashboard/ui/climate.slint
@@ -31,97 +31,97 @@ export component Climate inherits Rectangle {
     in property <WeatherData> weather;
     in property <bool> is-night;
 
-    HorizontalBox {
-        height: parent.height;
+    VerticalLayout {
+        HorizontalLayout {
+            Rectangle { }
 
-        Rectangle { }
-
-        if weather.kind == "sun": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/sun.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-sun" && !is-night: Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-sun.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-sun" && is-night: Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-moon.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-rain": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-rain.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-rain-wind": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-rain-wind.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-lightning": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-lightning.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "snowflake": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/snowflake.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "cloud-fog": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/cloud-fog.svg");
-            image-fit: contain;
-        }
-        if weather.kind == "moon": Image {
-            colorize: Palette.foreground;
-            width: 120px;
-            height: 105px;
-            source: @image-url("icons/moon.svg");
-            image-fit: contain;
-        }
-
-        VerticalBox {
-            Text {
-                text: "\{weather.temperature}\{weather.temperature-unit}";
-                font-size: 36px;
-                font-weight: 700;
-                vertical-alignment: center;
-                horizontal-alignment: right;
+            if weather.kind == "sun": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/sun.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-sun" && !is-night: Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-sun.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-sun" && is-night: Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-moon.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-rain": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-rain.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-rain-wind": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-rain-wind.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-lightning": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-lightning.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "snowflake": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/snowflake.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "cloud-fog": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/cloud-fog.svg");
+                image-fit: contain;
+            }
+            if weather.kind == "moon": Image {
+                colorize: Palette.foreground;
+                width: 120px;
+                height: 105px;
+                source: @image-url("icons/moon.svg");
+                image-fit: contain;
             }
 
-            Text {
-                text: weather.label;
-                font-size: 24px;
-                font-weight: 500;
-                vertical-alignment: center;
-                horizontal-alignment: right;
+            VerticalBox {
+                Text {
+                    text: "\{weather.temperature}\{weather.temperature-unit}";
+                    font-size: 36px;
+                    font-weight: 700;
+                    vertical-alignment: center;
+                    horizontal-alignment: right;
+                }
+
+                Text {
+                    text: weather.label;
+                    font-size: 24px;
+                    font-weight: 500;
+                    vertical-alignment: center;
+                    horizontal-alignment: right;
+                }
             }
         }
     }