Skip to content

UI: Add visual divider between environment columns in comparison view #7249

@talissoncosta

Description

@talissoncosta

Description

In the environment comparison view, the segment override icon (pie icon) sits too close to the next environment's column, making it hard to visually separate where one environment ends and the next begins.

Current Behaviour

The segment override icon renders adjacent to the next environment's toggle/value, with no clear boundary between columns. This is especially noticeable when scanning a long list of features across multiple environments.

Proposed Solution

Add a visible vertical divider (or extra spacing) between environment columns to make the boundary clear. The segment override icon should belong unambiguously to its parent environment.

Where this appears

  • Feature comparison view across environments

Reported by

External customer feedback.

Metadata

Metadata

Assignees

No one assigned

    Labels

    front-endIssue related to the React Front End Dashboard

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions