[Bug] Fix CSS for floatingFilter in AgGrid

[huong-li-nguyen]

Description

• Fixes CSS of AG Grid floatingFilter option buggy #383

As already discussed, I think we need to evaluate on a case-by-case basis whether we fix the relevant CSS or whether the user needs to add the CSS themselves. In general, the default ag-grid theme should look fine without having to apply any custom CSS (e.g. the datepicker looks different than ours, but it looks fine still). The disadvantage of trying to cover every case is that our custom CSS grows and at some point gets difficult to maintain, because our overwrites might conflict. Long-term wise we should probably create a proper Figma design for the ag-grid, but that's currently not in the scope.

In this case, I agree we should fix it, as otherwise it's completely misaligned and it doesn't add much CSS.

Screenshot

Notice

• I acknowledge and agree that, by checking this box and clicking "Submit Pull Request":

  • I submit this contribution under the Apache 2.0 license and represent that I am entitled to do so on behalf of myself, my employer, or relevant third parties, as applicable.
  • I certify that (a) this contribution is my original creation and / or (b) to the extent it is not my original creation, I am authorized to submit this contribution on behalf of the original creator(s) or their licensees.
  • I certify that the use of this contribution as authorized by the Apache 2.0 license does not violate the intellectual property rights of anyone else.
  • I have not referenced individuals, products or companies in any commits, directly or indirectly.
  • I have not added data or restricted code in any commits, directly or indirectly.

[maxschulz-COL]

Amazing! I would even add this as a fix to the fixed section. It definitely makes a difference to users. Thanks for taking care of this 🙏

[nadijagraca]

Looks great. 🚀