Mobile-responsive UI

[bbovenzi]

Description

Make the Airflow UI more responsive so that basic functions are usable on mobile screens. For example, I should be able to see that a dag run has failed, read the task logs, and re-run that task.

Use case/motivation

If a failure happens at an odd hour, then people should be able to quickly look into the problem while on the go and they can possibly resolve the issue without having to rush to their computer.

Related issues

#58133

We will want to tackle this page by page. So this can be considered the meta issue:

• Dashboard page
• Dags list + generic datatable view (with search and filters!)
• Dag details page
  • How does a responsive grid view work? (maybe we don't support it, but instead make sure that the Dashboard and Dag Overview pages link to important issues like HITL actions, deadline alerts and any task failures)
  • Graph would need to be a full screen view
  • Task Logs (with search and filters!)

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[parkhojeong]

Happy to contribute this. I started with a small fix first: #66812