Header button toolbar fix for responsive layouts

[waridrox]

Fixes #9342

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• PR is descriptively titled 📑 and links the original issue above 🔗
• tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
• code is in uniquely-named feature branch and has no merge conflicts 📁
• screenshots/GIFs are attached 📎 in case of UI updation
• ask @publiclab/reviewers for help, in a comment below

@noi5e kindly review this. Thanks :)

[gitpod-io]

[codeclimate]

Code Climate has analyzed commit 37796b8 and detected 0 issues on this pull request.

View more on Code Climate.

[govindgoel]

@waridrox Can you share a screenshot or recording of changes

[codecov]

Codecov Report

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

@@           Coverage Diff           @@
##             main    #9343   +/-   ##
=======================================
  Coverage        ?   78.14%           
=======================================
  Files           ?       98           
  Lines           ?     5870           
  Branches        ?        0           
=======================================
  Hits            ?     4587           
  Misses          ?     1283           
  Partials        ?        0           

[waridrox]

@waridrox Can you share a screenshot or recording of changes

I've shared those in the issue itself...Here's the final output ^^

[noi5e]

Looks great! Thank you! 🎉

[cesswairimu]

Great 🎉 thanks for working on this @waridrox

Thanks @noi5e and @govindgoel for the reviews