fix autocomplete in footer

[HenrikeW]

Related issue(s) and PR(s)

This PR closes #648

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Other

List of changes made

• the height property on the .quick-add class was removed
• the .footer-container class was modified to prevent the input elements in the footer from moving when the unsaved changes warning is displayed.

Screenshot of the fix

Testing

This bug is about the autocomplete box appearing when you search for an issue as well as the unsaved-changes-warning. Play around with these two in mobile and desktop view and see if everything looks good.
The warning should appear above the save button when you have unsaved changes. The footer should slightly expand for this, but all the elements within the footer should stay in place.
When you start searching with free text in the issue input field, the box with suggestions should appear below, moving the input elements above it higher up.

Further comments

Definition of Done checklist

• I have made an effort making the commit history understandable
• I have performed a self-review of my own code and commented any hard-to-understand areas
• Tests and lint/format validations are passing
• My changes generate no new warnings

[KattisLej]

Starting review

[KattisLej]

I've tested it and it looks like a very good solution, well done

[jonandernovella]

Looks good! I just realised that the text in the add button changed, and the help page has not been updated accordingly.

See here

[HenrikeW]

Looks good! I just realised that the text in the add button changed, and the help page has not been updated accordingly.

See here

Oh, good catch! Fixed it now.