Skip to content

Conversation

anshuksi282-ksolves
Copy link

Fix mis-aligned padding for Graph View options buttons

Issue #56076

Description:
This PR fixes the mis-aligned padding for the Graph View options buttons in the Airflow Web UI (3.1.0rc2).

Background:
The buttons on the upper-right (and slightly on the upper-left) of the Graph View were overlapping with the splitter due to inconsistent padding.
Although this issue was previously assigned to another contributor @alisha-malik, no PR has been submitted in the past 2 weeks. I started working on it now to resolve the open UI bug.

What this PR does:

  • Corrects the padding for Graph View option buttons to ensure consistent alignment on all sides.
  • Prevents the buttons from overlapping with the splitter in both left and right positions.

Notes:

  • Minor UI fix; does not affect core functionality.
  • Before
Screenshot from 2025-10-12 18-27-14
  • After
Screenshot from 2025-10-12 19-03-18 Screenshot from 2025-10-12 19-03-00

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Oct 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant