🚧 🚧 🚧 This ticket is WIP. Dependent on deeper UX analysis and Product decision to use Codex tokens. 🚧 🚧 🚧

Problem

The Query Service (style.less) contains some antipatterns when it comes to styling:

• px and even pt values are used to define font sizes, which is not accessible.
• There are fonts as small as 8px (see source – haven't been able to locate in the UI)
• There's at least an instance where background is used as a property instead of background-color to set the latter (see source)
• tab-size appears to be used to define padding (unclear – see source)

Solution

[Individual solutions for each problem will be provided here]

Considerations

This ticket only searches to capture the current issues with QS styling. It is to be decided if we want to adjust the appearance of this tool to Codex's (e.g. by using Codex tokens).

Acceptance criteria

• All the styling issues listed above are fixed