Made default box alignment stretch

ui/appwindow.slint

@@ -14,12 +14,10 @@ export component AppWindow inherits Window {
         j-rounding: 0px;
         j-padding: Metrics.padding-sm;
         j-spacing: Metrics.spacing-sm;
-        j-alignment: stretch;
         background: DarkPalette.background[0];
         EditorBar { }
 
         HorizontalBox {
-            j-alignment: stretch;
             background: DarkPalette.background[0];
             j-padding: 0px;
             j-spacing: Metrics.spacing-sm;

ui/editor_bar.slint

@@ -4,6 +4,7 @@ import { HorizontalBox } from "widgets/layout.slint";
 export component EditorBar inherits HorizontalBox {
     height: Metrics.size-xl;
     j-spacing: Metrics.spacing-xl;
+    j-alignment: start;
 
     Text {
         color: DarkPalette.text[4];

ui/object_tool_panel.slint

@@ -5,7 +5,6 @@ import { HorizontalBox, VerticalBox } from "widgets/layout.slint";
 
 export component ObjectToolPanel inherits VerticalBox {
     width: 280px;
-    j-alignment: stretch;
 
     Text {
         height: Metrics.size-md;
@@ -16,6 +15,7 @@ export component ObjectToolPanel inherits VerticalBox {
     }
 
     Panel {
+        j-alignment: start;
         title: @tr("Favourites");
         j-elevation: 2;
 
@@ -83,11 +83,9 @@ export component ObjectToolPanel inherits VerticalBox {
     Panel {
         title: @tr("Hierarchy");
         j-elevation: 2;
-        j-alignment: stretch;
         vertical-stretch: 1;
 
         HorizontalBox {
-            j-alignment: stretch;
             j-elevation: 2;
             j-padding: 0px;
             j-spacing: Metrics.spacing-md;
@@ -101,7 +99,6 @@ export component ObjectToolPanel inherits VerticalBox {
             }
 
             HorizontalBox {
-                j-alignment: stretch;
                 j-padding: 0px;
 
                 Text {
@@ -129,8 +126,6 @@ export component ObjectToolPanel inherits VerticalBox {
         }
 
         VerticalBox {
-            j-alignment: stretch;
-
             Text {
                 color: DarkPalette.text[4];
                 font-size: Metrics.font-lg;

ui/status_bar.slint

@@ -5,6 +5,7 @@ import { HorizontalBox } from "widgets/layout.slint";
 export component StatusBar inherits HorizontalBox {
     height: Metrics.size-lg;
     j-spacing: Metrics.spacing-lg;
+    j-alignment: start;
 
     Text {
         color: DarkPalette.text[4];

ui/tool_bar.slint

@@ -12,6 +12,7 @@ component ToolBarItem inherits Rectangle {
 
 export component ToolBar inherits VerticalBox {
     width: Metrics.size-xl;
+    j-alignment: start;
 
     Button {
         checkable: true;

ui/widgets/layout.slint

@@ -12,7 +12,7 @@ export component HorizontalBox inherits Rectangle {
     in property <length> j-rounding: Metrics.radius-md;
     in property <length> j-padding: Metrics.padding-md;
     in property <length> j-spacing: Metrics.spacing-md;
-    in property <LayoutAlignment> j-alignment: start;
+    in property <LayoutAlignment> j-alignment: stretch;
 
     background: DarkPalette.background[j-elevation];
     border-radius: j-rounding;
@@ -32,7 +32,7 @@ export component VerticalBox inherits Rectangle {
     in property <length> j-rounding: Metrics.radius-md;
     in property <length> j-padding: Metrics.padding-md;
     in property <length> j-spacing: Metrics.spacing-md;
-    in property <LayoutAlignment> j-alignment: start;
+    in property <LayoutAlignment> j-alignment: stretch;
 
     background: DarkPalette.background[j-elevation];
     border-radius: j-rounding;

ui/widgets/panel.slint

@@ -1,5 +1,5 @@
 import { Metrics, DarkPalette } from "../theme.slint";
-import { HorizontalBox, VerticalBox } from "layout.slint";
+import { VerticalBox } from "layout.slint";
 
 export component Panel inherits VerticalBox {
     in property <string> title: "Title";