fix: Improve Edit Task modal calendar 'button' layout

[claremacrae]

Types of changes

Changes visible to users:

• Bug fix (prefix: fix - non-breaking change which fixes an issue)
  • Improves the appearance of an unreleased feature

Internal changes:

• Refactor (prefix: refactor - non-breaking change which only improves the design or structure of existing code, and making no changes to its external behaviour)

Description

In testing the date picker in the Edit Task modal on my phone, I realised I hadn't implemented adjusting of the layout for smaller screen sizes, so this fixes that.

It also makes the icon a slightly more muted colour, and tidies up the code a little.

Motivation and Context

How has this been tested?

Exploratory testing, with videos made for comparison.

Only on desktop so far.

Screenshots (if appropriate)

Edit.Task.modal.resizing.-.for.PR.-.2.mp4

Checklist

• My code follows the code style of this project and passes yarn run lint.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• My change has adequate Unit Test coverage.

Terms

• My contribution follows this project's contributing guide
• I agree to follow this project's Code of Conduct

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud