From d73510c52e8eb95db440818cdf2e30e77048cc94 Mon Sep 17 00:00:00 2001
From: Joakim Hulthe <joakim@hulthe.net>
Date: Sat, 3 Jan 2026 21:06:14 +0100
Subject: [PATCH] gui: Replace Box with Layout

---
 gui/ui/app.slint | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/gui/ui/app.slint b/gui/ui/app.slint
index b05fb41..be021f3 100644
--- a/gui/ui/app.slint
+++ b/gui/ui/app.slint
@@ -2,11 +2,9 @@ import {
     TabWidget,
     AboutSlint,
     Button,
-    VerticalBox,
     ListView,
     CheckBox,
     ScrollView,
-    HorizontalBox,
     TextEdit,
     GridBox,
 } from "std-widgets.slint";
@@ -20,7 +18,10 @@ component GoodListItem inherits Rectangle {
     background: #ffffff10;
     border-radius: 8pt;
     border-width: 10pt;
-    HorizontalBox {
+    HorizontalLayout {
+        spacing: 8px;
+        padding: 8px;
+
         check := CheckBox {
             checked: root.item.checked;
             toggled() => {
@@ -94,9 +95,12 @@ component RefreshButton inherits HorizontalLayout {
     }
 }
 
-component AddView inherits VerticalBox {
+component AddView inherits VerticalLayout {
     in property <[SItem]> list;
 
+    padding: 8px;
+    spacing: 8px;
+
     RefreshButton {}
 
     goods := GoodsList {
@@ -123,9 +127,12 @@ component AddView inherits VerticalBox {
     GoodButtons { }
 }
 
-component ShopView inherits VerticalBox {
+component ShopView inherits VerticalLayout {
     in property <[SItem]> list;
 
+    padding: 8px;
+    spacing: 8px;
+
     RefreshButton {}
 
     goods := GoodsList {