Sidebar: add left border to event list

Sidebar.qml

@@ -148,17 +148,28 @@ Page {
             }
         }
 
-        Events {
+        Frame {
-            id: events
-
             Layout.fillWidth: true
             Layout.fillHeight: true
             Layout.rightMargin: -control.padding
 
-            focus: true
+            padding: 1
+            rightPadding: 0
+            background: Rectangle {
+                color: 'transparent'
+                border.color: events.activeFocus ? palette.highlight : palette.dark
+                radius: 2
+            }
+
+            Events {
+                id: events
+
                 model: eventFilter
                 tags: eventList.tags
 
+                anchors.fill: parent
+                focus: true
+
                 onEditingChanged: video.pause(editing)
                 onSelected: {
                     video.pause(true)
@@ -178,17 +189,6 @@ Page {
                     font.pixelSize: filter.font.pixelSize * 0.75
                     color: 'gray'
                 }
-
-            Rectangle {
-                anchors { left: parent.left; right: parent.right; top: parent.top }
-                implicitHeight: 1
-                color: parent.activeFocus ? palette.highlight : palette.dark
-            }
-
-            Rectangle {
-                anchors { left: parent.left; right: parent.right; bottom: parent.bottom }
-                implicitHeight: 1
-                color: parent.activeFocus ? palette.highlight : palette.dark
             }
         }