Skip to content

“Create a list” header buttons layout and spacing #11301

@akramcodez

Description

@akramcodez

Problem

Description

On the "Create a list" page, the "History" and "Cancel" buttons in the main header are misaligned and have inconsistent spacing. The buttons appear to be incorrectly positioned within the header's colored background, resulting in a cramped and visually broken layout.

Screenshot

Image

Reproducing the bug

  1. Go to https://openlibrary.org/
  2. Click on profile section
  3. Click on My Books
  4. Click on Create a list
    Expected URL https://openlibrary.org/people/[user_id]/lists/add

Expected behavior

The History and Cancel buttons should be aligned to the right of the "Create a list" page title. They should have clear, consistent spacing between each other and align horizontally with the title, presenting a clean and organized layout.

Context

  • Browser (Chrome, Safari, Firefox, etc):
  • OS (Windows, Mac, etc):
  • Logged in (Y/N):
  • Environment (prod, dev, local): prod

Breakdown

Requirements Checklist

  • [ ]

Related files

Stakeholders


Instructions for Contributors

  • Please run these commands to ensure your repository is up to date before creating a new branch to work on this issue and each time after pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.

Metadata

Metadata

Assignees

Labels

Lead: @jimchampIssues overseen by Jim (Front-end Lead, BookNotes) [managed]Priority: 4An issue, but should be worked on when no other pressing work can be done. [managed]Type: BugSomething isn't working. [managed]

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions