better click area for right side of the bar

.config/ags/modules/bar/normal/spaceright.js

@@ -38,17 +38,7 @@ export default () => {
             }
         }),
     });
-    const actualContent = Widget.Box({
-        hexpand: true,
-        className: 'spacing-h-5 txt',
-        children: [
-            Widget.Box({
-                hexpand: true,
-                className: 'spacing-h-5 txt',
-                children: [
-                    Widget.Box({ hexpand: true, }),
-                    barTray,
-                    Widget.EventBox({
+    const SpaceRightDefaultClicks = (child) => Widget.EventBox({
         onScrollUp: () => {
             if (!Audio.speaker) return;
             if (Audio.speaker.volume <= 0.09) Audio.speaker.volume += 0.01;
@@ -70,13 +60,26 @@ export default () => {
             if (event.get_button()[1] === 8)
                 execAsync('playerctl previous').catch(print)
         }),
-                        child: Widget.Box({
+        child: child,
+    });
+    const emptyArea = SpaceRightDefaultClicks(Widget.Box({ hexpand: true, })),
+    const indicatorArea = SpaceRightDefaultClicks(Widget.Box({
         children: [
             separatorDot,
-                                barStatusIcons,
+            barStatusIcons
         ],
-                        }),
-                    }),
+    }));
+    const actualContent = Widget.Box({
+        hexpand: true,
+        className: 'spacing-h-5 txt',
+        children: [
+            Widget.Box({
+                hexpand: true,
+                className: 'spacing-h-5 txt',
+                children: [
+                    emptyArea,
+                    barTray,
+                    indicatorArea
                 ],
             }),
         ]