[Control Pad] Refactor app for consistency and reliability, as well as UI updates

apps/ctrlpad/README.md

@@ -4,8 +4,7 @@ A control pad app to provide fast access to common functions, such as bluetooth
 
 By dragging from the top of the watch, you have this control without leaving your current app (e.g. on a run, bike ride or just watching the clock).
 
-The app is designed to not conflict with other gestures - when the control pad is visible, it'll prevent propagation of events past it (touch, drag and swipe specifically). When the control pad is hidden, it'll ignore touch, drag and swipe events with the exception of an event dragging from the top 10 pixels of the screen.
-
+The app is designed to not conflict with other gestures - when the control pad is visible, it'll prevent propagation of events past it (touch, drag and swipe specifically). When the control pad is hidden, it'll ignore touch, drag and swipe events with the exception of an event dragging from the top 10 pixels of the screen. It's also designed to blend into the watch UI, with rounded borders, and neat design, and if you have `qmsched` installed, it will update that as well for a seamless experience.
 
 # Usage
 
@@ -23,3 +22,8 @@ The control pad disables drag and touch event handlers while active, preventing
 
 - Handle rotated screen (`g.setRotation(...)`)
 - Handle notifications (sharing of `setLCDOverlay`)
+
+## Creator
+Bobrippling
+## Contributors
+RKBoss6

apps/ctrlpad/main.js

@@ -175,19 +175,28 @@ var controls = [
     text: "clock",
     img:atob("GBiBAAB+AAP/wAeB4A4AcBgAGDAADHAYDmAYBmAYBsAYA8AYA8AYA8AcA8AOA8AHA2ADBmAABnAADjAADBgAGA4AcAeB4AP/wAB+AA=="),
     get: () => false, // Always looks "off" until pressed
-    toggle: () => {Bangle.showClock(); return "close";}
+    toggle: () => {
+      Bangle.showClock();
+      return "close";
+    }
   },
   {
     text: "launch",
     img:atob("GBiBAAAAAAAAAAAAAA/AwB/gwBhgwBhn+Bhn+BhgwB/gwA/AwAAAAAAAAA/D8B/n+BhmGBhmGBhmGBhmGB/n+A/D8AAAAAAAAAAAAA=="),
     get: () => false,
-    toggle: () => {Bangle.showLauncher(); return "close";}
+    toggle: () => {
+      Bangle.showLauncher();
+      return "close";
+    }
   },
   {
     text: "settings",
     img:atob("GBiBAAA8AAB+AAR+IA7/cB//+D///B//+A/D8B8A+H8A/v4Af/4Af/4Af/4Af38A/h8A+A/D8B//+D///B//+A7/cAR+IAB+AAA8AA=="),
     get: () => false,
-    toggle: () => {Bangle.load("setting.app.js"); return "close";}
+    toggle: () => {
+      Bangle.load("setting.app.js");
+      return "close";
+    }
   }
 ];
 

apps/ctrlpad/metadata.json

@@ -9,6 +9,7 @@
   "readme": "README.md",
   "type": "bootloader",
   "tags": "bluetooth",
+  "screenshots": [{ "url":"scr.png" }],
   "supports": ["BANGLEJS2"],
   "storage": [
     {"name":"ctrlpad.boot.js","url":"main.js"},