@@ -169,7 +169,7 @@ FocusScope {
170 id: listLoader
170 id: listLoader
171 objectName: "drawerListLoader"
171 objectName: "drawerListLoader"
172− anchors { left: parent.left; top: sectionsContainer.bottom; right: parent.right; bottom: parent.bottom; leftMargin: units.gu(1); rightMargin: units.gu(1) }
172+ anchors { left: parent.left; top: sectionsContainer.bottom; right: parent.right; bottom: parent.bottom }
174 KeyNavigation.up: headerFocusScope
174 KeyNavigation.up: headerFocusScope
175 KeyNavigation.down: searchField
175 KeyNavigation.down: searchField
@@ -241,7 +241,8 @@ FocusScope {
243 delegate: UbuntuShape {
243 delegate: UbuntuShape {
244− width: parent.width
244+ width: parent.width - units.gu(2)
245+ anchors.horizontalCenter: parent.horizontalCenter
245 color: "#20ffffff"
246 color: "#20ffffff"
246 aspect: UbuntuShape.Flat
247 aspect: UbuntuShape.Flat
247 // NOTE: Cannot use gridView.rows here as it would evaluate to 0 at first and only update later,
248 // NOTE: Cannot use gridView.rows here as it would evaluate to 0 at first and only update later,
@@ -289,7 +290,8 @@ FocusScope {
291 delegate: UbuntuShape {
292 delegate: UbuntuShape {
292− width: parent.width
293+ width: parent.width - units.gu(2)
294+ anchors.horizontalCenter: parent.horizontalCenter
293 color: "#20ffffff"
295 color: "#20ffffff"
294 aspect: UbuntuShape.Flat
296 aspect: UbuntuShape.Flat
@@ -313,9 +315,6 @@ FocusScope {
314 interactive: true
316 interactive: true
315 focus: index == aToZListView.currentIndex
317 focus: index == aToZListView.currentIndex
316− onFocusChanged: print("drawer grid", index, "has focus", focus)
318− onCurrentIndexChanged: print("grid currentIndex changed", currentIndex)
320 model: AppDrawerProxyModel {
319 model: AppDrawerProxyModel {
321 id: categoryModel
320 id: categoryModel
@@ -365,15 +364,13 @@ FocusScope {
366 sourceFillMode: UbuntuShape.PreserveAspectCrop
365 sourceFillMode: UbuntuShape.PreserveAspectCrop
368− Image {
367+ StyledItem {
369− objectName: "focusRing"
368+ styleName: "FocusShape"
370− anchors.centerIn: parent
369+ anchors.fill: parent
371− height: width * 15 / 16
370+ StyleHints {
372− width: parent.width + units.gu(1)
371+ visible: drawerDelegate.focused
373− source: "graphics/launcher-app-focus-ring.svg"
372+ radius: units.gu(2.55)
374− sourceSize.width: width
373+ }
375− sourceSize.height: height
376− visible: drawerDelegate.focused