Adding padding between audio player and footer

[rebeccamcginn]

Resolves #3111

Overall change:
Added 32px margin for 1008 and above, 16px margin for 1007 and below

Code changes:
Added media query for margin padding

---

• I have assigned myself to this PR and the corresponding issues
• Automated jest tests added (for new features) or updated (for existing features)
• This PR requires manual testing

[ryanmccombe]

Needs version and changelog update :)

[RichardPK]

LGTM. Beautiful use of the GEL consts.

[RichardPK]

Just noticed the design referenced in the issue is for OD radio, while the example of the problem is a live radio site. No doubt a change is still necessary, just thought it was worth flagging that the values could be different. The live radio design spacing looks slightly different to OD radio:

[rebeccamcginn]

Just noticed the design referenced in the issue is for OD radio, while the example of the problem is a live radio site. No doubt a change is still necessary, just thought it was worth flagging that the values could be different. The live radio design spacing looks slightly different to OD radio:

The values were approved by Ed

[rebeccamcginn]

Just noticed the design referenced in the issue is for OD radio, while the example of the problem is a live radio site. No doubt a change is still necessary, just thought it was worth flagging that the values could be different. The live radio design spacing looks slightly different to OD radio:

Approved by UX