Forem: Mis-alignment of "Select" and "Remove" buttons in Integrations panel

[msarit]

Describe the bug
Related to Issue https://github.com/thepracticaldev/dev.to/pull/836. Initially, the "Select" and "Remove" buttons were aligned as expected (see Screenshot 1). But once I selected a repo to pin, the buttons all shifted out of alignment (see Screenshot 2).

To Reproduce
Steps to reproduce the behavior:

1. Go to https://dev.to/settings/integrations
2. "Select" and "Remove" buttons should appear neatly listed down the right side of the panel
3. Click on one of the "Select" buttons to pin a listed repo
4. "Select" and "Remove" buttons shift out of alignment

Expected behavior
I expected the buttons to remain aligned neatly to the right of the column (see Screenshot 1)

Screenshots

Screenshot 1

Screenshot 2

Desktop (please complete the following information):

• OS: Mac OSX 10.13
• Browser: Chrome
• Version: 69.0.3497.100

Smartphone (please complete the following information):

Not Applicable

Additional context
Issue https://github.com/thepracticaldev/dev.to/pull/836 attempted to handle this issue, and this bug was not manifesting on the local dev environment.

[msarit]

I welcome any help with this issue, but I would like to tackle it please 🙏

[nickytonline]

I haven't looked at the code, but this can probably be fixed using Flexbox with justify-content equal to space-between.

[benhalpern]

Fixed in #836 right? I'll close. Let us know if it needs to be re-opened.