Skip to content

Issue #2 - [BUG] Show schema checkmark not centered #5

@zenocross

Description

@zenocross

Description

The checkmark icon in the "Show Schema" toggle is not vertically centered, creating a misaligned appearance in the UI.

Current Behavior

  • Checkmark appears off-center in the toggle
  • Visual inconsistency with other UI elements
  • Affects the professional appearance of the interface

Expected Behavior

  • Checkmark should be perfectly centered vertically and horizontally
  • Consistent alignment with other toggle elements
  • Clean, professional appearance

Steps to Reproduce

  1. Navigate to API reference with schema display
  2. Locate the "Show Schema" toggle/checkbox
  3. Observe checkmark alignment when checked
  4. Notice vertical or horizontal misalignment

Proposed Solution

Adjust CSS flexbox/grid properties or padding/margin values to ensure proper centering of the checkmark icon within its container.

Technical Context

  • Component: api-reference
  • Frontend CSS fix
  • Likely involves flexbox alignment properties

Download https://cap.so/ to record your screen (use Studio mode). Export as an mp4, and drag and drop into an issue comment below.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions