resizing now works properly

apps/music.lua

@@ -25,97 +25,97 @@ local page = UI.Page({
   stationName = UI.Text({
     y = 2,
     x = 2,
-    width = monitor.width - 14,
+    ex = -14,
     height = 3,
     backgroundColor = colors.black,
   }),
-  seek = UI.Button({
-    y = 7,
-    x = 13,
-    height = 3,
-    event = 'seek',
-    text = '  >>  ',
-  }),
   play = UI.Button({
-    y = 7,
+    y = -4,
     x = 2,
     height = 3,
     event = 'play',
     text = '> / ll',
   }),
-  louder = UI.Button({
-    y = 7,
-    x = monitor.width - 15,
-    width = 3,
+  seek = UI.Button({
+    y = -4,
+    x = 12,
     height = 3,
-    event = 'louder',
-    text = '+',
+    event = 'seek',
+    text = '  >>  ',
   }),
   quiet = UI.Button({
-    y = 7,
-    x = monitor.width - 20,
+    y = -4,
+    x = -19,
     event = 'quiet',
     width = 3,
     height = 3,
     text = '-',
   }),
+  louder = UI.Button({
+    y = -4,
+    x = -14,
+    width = 3,
+    height = 3,
+    event = 'louder',
+    text = '+',
+  }),
   volumeDisplay = UI.Text({
     y = 3,
-    x = monitor.width - 9,
+    x = -9,
     width = 4,
   }),
   volume1 = UI.Window({
-    y = monitor.height - 1,
-    x = monitor.width - 8,
+    y = -2,
+    x = -9,
     height = 1,
     width = 1,
     color = colors.white
   }),
   volume2 = UI.Window({
-    y = monitor.height - 2,
-    x = monitor.width - 7,
+    y = -3,
+    x = -8,
     height = 2,
     width = 1,
     color = colors.white
   }),
   volume3 = UI.Window({
-    y = monitor.height - 3,
-    x = monitor.width - 6,
+    y = -4,
+    x = -7,
     height = 3,
     width = 1,
     color = colors.yellow
   }),
   volume4 = UI.Window({
-    y = monitor.height - 4,
-    x = monitor.width - 5,
+    y = -5,
+    x = -6,
     height = 4,
     width = 1,
     color = colors.yellow,
   }),
   volume5 = UI.Window({
-    y = monitor.height - 5,
-    x = monitor.width - 4,
+    y = -6,
+    x = -5,
     height = 5,
     width = 1,
     color = colors.orange,
   }),
   volume6 = UI.Window({
-    y = monitor.height - 6,
-    x = monitor.width - 3,
+    y = -7,
+    x = -4,
     height = 6,
     width = 1,
     color = colors.orange,
   }),
   volume7 = UI.Window({
-    y = monitor.height - 7,
-    x = monitor.width - 2,
+    y = -8,
+    x = -3,
     height = 7,
     width = 1,
     color = colors.red,
   }),
   volume8 = UI.Window({
-    y = monitor.height - 8,
-    x = monitor.width - 1,
+    y = -9,
+    x = -2,
     height = 8,
     width = 1,
     color = colors.red,