Skip to content

Visual polish for issue detail page: Shrink title and refine header #842

@timothyfroehlich

Description

@timothyfroehlich

Goal

The issue detail page needs some visual polish to improve readability and hierarchy. A key request is to shrink the issue title, which currently uses a large font size.

Proposed Changes

  1. Header Typography:
    • Shrink the h1 font size for the issue title in src/app/(app)/m/[initials]/i/[issueNumber]/page.tsx. Currently it uses default h1 styling which is quite large.
    • Refine the layout of the machine name and owner badge section.
  2. Issue ID Styling:
    • Adjust the font size and weight of the formatted issue ID (e.g., AF-1) next to the title.
  3. General Layout:
    • Review the spacing between the header, badges, and the main content area (Activity/Timeline).
    • Ensure the 'Game Owner' section looks integrated and balanced with the machine name.

Affected Files

  • src/app/(app)/m/[initials]/i/[issueNumber]/page.tsx
  • Possibly src/components/issues/IssueBadgeGrid.tsx if size adjustments are needed there as well.

Success Criteria

  • The issue title is noticeably smaller but still clearly a header.
  • The visual hierarchy between machine info, issue ID, and issue title is improved.
  • The page feels more 'polished' and professional.

(Generated by Gemini CLI)

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestuiTasks related to the user interface

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions