QML UI: DiveList: add blue bar on the left to trip heading

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

1 files changed, 10 insertions, 1 deletions

diff --git a/mobile-widgets/qml/DiveList.qml b/mobile-widgets/qml/DiveList.qml
index ec5f71a1d..857a84c35 100644
--- a/mobile-widgets/qml/DiveList.qml
+++ b/mobile-widgets/qml/DiveList.qml
@@ -154,10 +154,19 @@ Kirigami.ScrollablePage {
 			width: page.width - Kirigami.Units.gridUnit
 			height: childrenRect.height + Kirigami.Units.smallSpacing * 2 + Math.max(2, Kirigami.Units.gridUnit / 2)
 			Rectangle {
+				id: leftBar
+				height: headingBackground.height
+				width: Kirigami.Units.gridUnit * 1
+				color: subsurfaceTheme.accentColor
+				anchors {
+					left: parent.left
+				}
+			}
+			Rectangle {
 				id: headingBackground
 				height: Kirigami.Units.gridUnit * 3
 				anchors {
-					left: parent.left
+					left: leftBar.right
 					right: parent.right
 					rightMargin: Kirigami.Units.gridUnit * -2
 				}