@@ -567,11 +567,26 @@ FocusScope {
567567
568568 model: NotificationBackend.Model
569569 anchors {
570− fill: parent
570+ top: parent.top
571+ right: parent.right
572+ bottom: parent.bottom
571573 leftMargin: units.gu(1)
572574 rightMargin: units.gu(1)
573575 topMargin: panel.panelHeight + units.gu(1)
574576 }
577+ states: [
578+ State {
579+ name: "narrow"
580+ when: overlay.width <= units.gu(40)
581+ AnchorChanges { target: notifications; anchors.left: parent.left }
582+ },
583+ State {
584+ name: "wide"
585+ when: overlay.width > units.gu(40)
586+ AnchorChanges { target: notifications; anchors.left: undefined }
587+ PropertyChanges { target: notifications; width: units.gu(38) }
588+ }
589+ ]
575590 }
576591 }
577592