sidebar: make modules more accessible

.config/ags/widgets/sideleft/tools/module.js

@@ -10,7 +10,13 @@ export default ({
     revealChild = true,
 }) => {
     const headerButtonIcon = MaterialIcon(revealChild ? 'expand_less' : 'expand_more', 'norm');
-    const header = Box({
+    const header = Button({
+        onClicked: () => {
+            content.revealChild = !content.revealChild;
+            headerButtonIcon.label = content.revealChild ? 'expand_less' : 'expand_more';
+        },
+        setup: setupCursorHover,
+        child: Box({
             className: 'txt spacing-h-10',
             children: [
                 icon,
@@ -21,17 +27,13 @@ export default ({
                 Box({
                     hexpand: true,
                 }),
-            Button({
+                Box({
                     className: 'sidebar-module-btn-arrow',
-                child: headerButtonIcon,
+                    homogeneous: true,
-                onClicked: () => {
+                    children: [headerButtonIcon],
-                    console.log('clicked');
-                    content.revealChild = !content.revealChild;
-                    headerButtonIcon.label = content.revealChild ? 'expand_less' : 'expand_more';
-                },
-                setup: setupCursorHover,
                 })
             ]
+        })
     });
     const content = Revealer({
         revealChild: revealChild,