From cfd8c2557c60b8cceb026359937a126ca7c426b6 Mon Sep 17 00:00:00 2001
From: Candifloss <candifloss@candifloss.cc>
Date: Sun, 30 Nov 2025 21:37:05 +0530
Subject: [PATCH] Attempt re-design

---
 widget/ui/widget-popup.slint | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/widget/ui/widget-popup.slint b/widget/ui/widget-popup.slint
index a9754b2..e9f9779 100644
--- a/widget/ui/widget-popup.slint
+++ b/widget/ui/widget-popup.slint
@@ -25,12 +25,14 @@ export component MainWindow inherits Window {
 
         GridLayout {
         padding: 12px;
+        width: 100%;
         // Top row
         Row {
             HorizontalLayout {
                 // Left column - weather icon
                 Rectangle {
                     width: 80px;
+                    height: 80px;
                     Text {
                         text: weather_icon;
                         font-size: 80px;
@@ -42,6 +44,8 @@ export component MainWindow inherits Window {
 
                 // Right column
                 Rectangle {
+                    width: 196px;
+                    background: #000;
                     VerticalLayout {
                         alignment: end;
                         // City name  
@@ -50,23 +54,32 @@ export component MainWindow inherits Window {
                             font-size: 14px;
                             color: #fff;
                             horizontal-alignment: right;
+                            vertical-alignment: center;
                             height: 18px;
                             font-weight: 600;
                         }
                         // Temperature block  
                         HorizontalLayout {
+                            padding: 0px;
                             // Temperatur value 
                             Rectangle {
+                            background: #ff8800;
                                 Text {
                                     text: temperature;
                                     color: #ffffff;
                                     font-size: 40px;
                                     horizontal-alignment: right;
+                                    vertical-alignment: center;
+                                    letter-spacing: 0px;
                                 }
                             }
                             // Temperature unit
                             Rectangle {
+                            background: #ff009d;
                                 VerticalLayout {
+                                    padding: 0px;
+                                    spacing: 0px;
+                                    alignment: end;
                                     // The degree symbol
                                     Text {
                                         text: "o";
@@ -85,7 +98,7 @@ export component MainWindow inherits Window {
                                         horizontal-alignment: left;
                                         vertical-alignment: center;
                                         height: 20px;
-                                        width: 20px;
+                                        width: 18px;
                                         font-weight: 800;
                                     }
                                 }
@@ -100,6 +113,7 @@ export component MainWindow inherits Window {
         Row {
             /* Summary */
             Text {
+                height: 20px;
                 text: weather_main;
                 font-size: 18px;    
                 color: #fff;