scissor me baby

example/layout/main.lua

@@ -52,27 +52,27 @@ return { id = 'mainWindow', type = 'panel',
         { type = 'panel', id = 'mainCanvas' },
         { type = 'sash' },
         { type = 'panel', id = 'rightSideBox', width = 200, minwidth = 64, scroll = true,
-            { id = 'flowTest',
-                { minheight = 64,
+            { id = 'flowTest', height = 'auto', minheight = 128,
+                {
                     { type = 'label', text = 'Slider' },
-                    { type = 'slider', id = 'slidey', value = 0 },
+                    { type = 'slider', id = 'slidey', width = false },
                 },
-                { minheight = 64,
+                {
                     { type = 'label', text = 'Stepper' },
-                    { type = 'stepper',
+                    { type = 'stepper', id = 'stepper', width = false,
                         { value = 1, text = 'Thing One' },
                         { value = 2, text = 'Thing Two' },
                         { value = 3, text = 'Thing Three' },
                     },
                 },
-                { minheight = 64,
+                {
                     { type = 'label', text = 'Progress' },
-                    { type = 'progress', id = 'progressBar', },
+                    { type = 'progress', id = 'progressBar', width = false },
                 },
             },
-            {
-                { type = 'label', text = 'Above layout' },
-                { type = 'check', text = 'Flow horizontal', id = 'flowToggle', },
+            { height = 'auto', 
+                { type = 'label', text = 'Flow test' },
+                { type = 'check', text = 'Vertical controls', id = 'flowToggle', },
                 { type = 'label', text = 'Some radio widgets' },
                 { type = 'radio', text = 'One fish' },
                 { type = 'radio', text = 'Two fish' },

example/main.lua

@@ -11,9 +11,10 @@ layout.slidey:onChange(function (event)
 end)
 
 layout.flowToggle:onChange(function (event)
-    layout.flowTest.flow = event.value and 'x' or 'y'
     layout.slidey.flow = event.value and 'y' or 'x'
     layout.progressBar.flow = event.value and 'y' or 'x'
+    layout.stepper.flow = event.value and 'y' or 'x'
+    layout.flowTest.flow = event.value and 'x' or 'y'
 end)
 
 layout.newButton:onPress(function (event)

example/style.lua

@@ -9,6 +9,7 @@ return {
         type = 'button',
         align = 'center middle',
         width = 48,
+        height = 48,
         slices = function (self)
             if self.focused or self.hovered or self.pressed then
                 return nil -- fall back to theme default