Framework: Fixes clipping of focus styles on section header buttons

[ebinnion]

Fixes an issue that @rickybanister reported in Slack where the focus styles of a button within SectionHeader get clipped on the left side.

cc @rickybanister for design review

After

Before

[rickybanister]

I guess I'd like to get @mtias or @MichaelArestad's take on whether this is the right solution (adding 2px of left margin) before we merge this one.

It does fix it, but I don't know the best way to fix this.

[MichaelArestad]

Looks like it is being covered up by another section. Try position: relative on .section-header__actions instead of the margin.

[MichaelArestad]

If that breaks something else (with layering), we can add padding-left: 2px instead.

[ebinnion]

@rickybanister @MichaelArestad Just pushed up a commit that fixes the issue with position: relative; I'm not exactly sure why that works, but it does seem to do the trick.

I tested a few instances of SectionHeader and it seemed to be 👍

[MichaelArestad]

Cool. WFM.