Fix date time inputs overflow, closes #3096

[IshaanXCoder]

Description

Fix UI overflow issue in the Reports search page where the "End time" and "Errors" columns were overflowing due to wide datetime-local inputs. Closes #3096

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).

Screenshots

Before -

After -

Checklist

• I have read and understood the rules about how to Contribute to this project
• The pull request is for the branch develop
• Please avoid adding new libraries as requirements whenever it is possible. Use new libraries only if strictly needed to solve the issue you are working for. In case of doubt, ask a maintainer permission to use a specific library.
• Linters (Black, Flake, Isort) gave 0 errors. If you have correctly installed pre-commit, it does these checks and adjustments on your behalf.
• If the GUI has been modified:
  • I have a provided a screenshot of the result in the PR.
  • [N/A] I have created new frontend tests for the new component or updated existing ones (CSS was fixed, tested responsiveness manually).
• [N/A] After you had submitted the PR, if DeepSource, Django Doctors or other third-party linters have triggered any alerts during the CI checks, I have solved those alerts.

Important Rules

• If you miss to compile the Checklist properly, your PR won't be reviewed by the maintainers.
• Everytime you make changes to the PR and you think the work is done, you should explicitly ask for a review by using GitHub's reviewing system detailed here.

[IshaanXCoder]

@fgibertoni Please take a look at this whenever free

[mlodic]

@drosetti please review

[drosetti]

This is what I see with your changes. The "after" you attached is what i see without changes.

I cannot reproduce the bug, can you tell me the resolution you are using ?

[IshaanXCoder]

Hey @drosetti , sorry for such a late response.
I personally worked this on a 13.6" MacBook. The overflow was visible for me at 90 and 100% zoom. Probably you're working on a bigger dislpay.

So the datetime-local inputs ended up overflowing their container, which causes the End time and Errors columns to misalign.

That’s probably why the “after” screenshot looks the same on a larger display.