fix(settings): island bar hints above the control they explain

A page's explanation line sat under its control, read after the thing it
was meant to explain. On the Calendar and Pills pages it now comes first,
as on the new Date and time page.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2 files changed, 14 insertions, 14 deletions

diff --git a/desktop/modules/island/IslandCalendarModule.qml b/desktop/modules/island/IslandCalendarModule.qml
index 6525d11..a029276 100644
--- a/desktop/modules/island/IslandCalendarModule.qml
+++ b/desktop/modules/island/IslandCalendarModule.qml
@@ -46,6 +46,13 @@ Module {
                 objectName: "eventMinutes"
                 width: parent.width
                 spacing: 8
+                Text {
+                    width: parent.width
+                    wrapMode: Text.WordWrap
+                    text: "A new event gets this length, and its end keeps it when the start moves."
+                    color: Theme.overlay
+                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                }
                 Row {
                     spacing: 8
                     Text {
@@ -63,13 +70,6 @@ Module {
                         font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
                     }
                 }
-                Text {
-                    width: parent.width
-                    wrapMode: Text.WordWrap
-                    text: "A new event gets this length, and its end keeps it when the start moves."
-                    color: Theme.overlay
-                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
-                }
             }
         }
     }
diff --git a/desktop/modules/island/IslandPillsModule.qml b/desktop/modules/island/IslandPillsModule.qml
index 9081e9e..4a3e09d 100644
--- a/desktop/modules/island/IslandPillsModule.qml
+++ b/desktop/modules/island/IslandPillsModule.qml
@@ -48,6 +48,13 @@ Module {
                 objectName: "pills"
                 width: parent.width
                 spacing: 8
+                Text {
+                    width: parent.width
+                    wrapMode: Text.WordWrap
+                    text: "Drag to reorder, left to right; the bar marks the screen's centre. Player shows only while something plays, OBS only while it runs."
+                    color: Theme.overlay
+                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                }
                 // Fixed slots, the centre bar between the second and third.
                 // A dropped pill takes the slot nearest where it lands.
                 Item {
@@ -127,13 +134,6 @@ Module {
                         }
                     }
                 }
-                Text {
-                    width: parent.width
-                    wrapMode: Text.WordWrap
-                    text: "Drag to reorder, left to right; the bar marks the screen's centre. Player shows only while something plays, OBS only while it runs."
-                    color: Theme.overlay
-                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
-                }
             }
         }
     }