[ACA-1968] style search input for smaller screens

[suzanadirla]

PR Checklist

Please check if your PR fulfills the following requirements:

- [x] The commit message follows our guidelines: https://github.com/Alfresco/alfresco-content-app/blob/master/CONTRIBUTING.md#commit
- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Application / Infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: https://issues.alfresco.com/jira/browse/ACA-1968

What is the new behavior?

'max-width: 959px' screens:

'max-width: 599px' screens:

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[codecov-io]

Codecov Report

❗ No coverage uploaded for pull request base (development@6c821d0). Click here to learn what that means.
The diff coverage is n/a.

@@              Coverage Diff               @@
##             development     #833   +/-   ##
==============================================
  Coverage               ?   63.47%           
==============================================
  Files                  ?      113           
  Lines                  ?     3937           
  Branches               ?      651           
==============================================
  Hits                   ?     2499           
  Misses                 ?     1316           
  Partials               ?      122

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6c821d0...452e187. Read the comment docs.

[DenysVuika]

Looks and works really cool!