Reveal indicators only before the clock (#14267)

manual/05-the-top-bar.md

@@ -73,7 +73,7 @@ Removing either service takes its widget back off the bar.
 
 ## Indicators
 
-The little cluster in the center is the indicators widget. These are status glyphs for modes you've turned on: do not disturb, night light, a queued [reminder](09-reminders.md), an active screen recording, stay awake, and [dictation](11-text-extraction-dictation.md). They light up when the mode is active and otherwise stay out of the way — hover the center of the bar to peek at the inactive ones. Clicking an indicator toggles that mode.
+The little cluster in the center is the indicators widget. These are status glyphs for modes you've turned on: do not disturb, night light, a queued [reminder](09-reminders.md), an active screen recording, stay awake, and [dictation](11-text-extraction-dictation.md). They light up when the mode is active and otherwise stay out of the way — hover to the left of the clock (above it on a vertical bar) to peek at the inactive ones. Clicking an indicator toggles that mode.
 
 If you'd rather they were always visible, set `alwaysShow` to `true` on the widget. And if you only care about some of them, list the ones you want in `items`: `["Dnd", "Reminder", "NightLight"]`. You can have more than one indicators widget, so different sections can show different subsets.
 

shell/plugins/bar/Bar.qml

@@ -1564,8 +1564,15 @@ Item {
 
         CenterGestureArea { anchors.fill: parent }
 
-        HoverHandler {
-          onHoveredChanged: root.setCenterSectionHovered(hovered)
+        Item {
+          anchors.left: parent.left
+          anchors.right: centerRoot.hasAnchor ? centerAnchorModule.left : parent.right
+          anchors.top: parent.top
+          anchors.bottom: parent.bottom
+
+          HoverHandler {
+            onHoveredChanged: root.setCenterSectionHovered(hovered)
+          }
         }
 
         ModuleList {
@@ -1609,8 +1616,15 @@ Item {
 
         CenterGestureArea { anchors.fill: parent }
 
-        HoverHandler {
-          onHoveredChanged: root.setCenterSectionHovered(hovered)
+        Item {
+          anchors.left: parent.left
+          anchors.right: parent.right
+          anchors.top: parent.top
+          anchors.bottom: centerRoot.hasAnchor ? centerAnchorModule.top : parent.bottom
+
+          HoverHandler {
+            onHoveredChanged: root.setCenterSectionHovered(hovered)
+          }
         }
 
         ModuleList {