Customize edit shortcuts mispositioned when nested inside Twenty Seventeen frontpage panel

[westonruter]

When using a plugin like Customize Posts which adds nested partials inside of the front page panels, the edit shortcuts for these nested partials are mispositioned in Twenty Seventeen due to this CSS selector:

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
        top: 30px;
        left: 30px;
}

It should instead be using direct descendent selectors like so:

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
        top: 30px;
        left: 30px;
}

[westonruter]

Before

[westonruter]

After

[westonruter]

PR to workaround the issue in Customize Posts: ​https://github.com/xwp/wp-customize-posts/pull/357

[westonruter]

In 41842:

Twenty Seventeen: Fix positioning of edit shortcuts when partials are nested inside a frontpage panel.

Fixes #41557.