chore: improved filterbar for narrowed viewports in web client

[Rukario]

Features and fixes ported from #5828 for 4.0.x release

Resolves #6375

Notes: General UI improvement related to filterbar and fixes download/upload speed info wrap.

Left: This PR, Right: Original

[Pentaphon]

Perhaps this should be made consistent with #6739 by putting the arrows to the right as @tearfur has done?

[Rukario]

@Pentaphon Ideally this PR jointed with a 4.0.x port of #6739 that would change the layout to however we want for the 4.0.x release

[ckerr]

Minor branch shear w / web/assets/css/transmission-app.scss

[Rukario]

Oh, it looks like another PR (#6570) was merged that isn't complied with narrowed viewport this PR tried to resolve. What should I do from this point?

[ckerr]

@tearfur wdyt?

[tearfur]

I think this PR should overwrite the changes made in #6570. Maybe we can just revert it, then the git conflict will be gone.

We reached a consensus in #6739 over the solution for stopping the transfer speed info from moving around as the text changes, and that requires merging this PR, then porting #6739 to 4.0.x.

[ckerr]

@Rukario ^

[Rukario]

Ok, overwrote changes made in another PR

Have we really reached consensus for fixed width though?

[tearfur]

Well, IMO the bottom line is regardless of how the "fixed width" discussion develops, this PR should be merged.

[ckerr]

@Rukario this has a little bit of shear with your original PR -- you removed the width property for speed-dn-label and speed-up-label, and there's also #6570 which widened it to 100px and set white-space: nowrap

I've preserved 6570 here but TBH I'm not sure if it's still needed with your other changes, so please feel free to LMK or fix my meddling in a followup PR ❤️

[Rukario]

I thought a overwrite would have done the job? Maybe I don't understand GitHub too well. This PR is a direct backport of another PR with a fix that has been merged into master branch. This PR and #6570 fix the same issue but doesn't need both, that would make this PR a compromised port.

[tearfur]

Yes, this PR is supposed to overwrite #6570 as I understand.

I'll be porting #6739 over to 4.0.x in the coming few days. I can fix the shear there.