fix: star ratings hidden on Already Read page at mobile/narrow viewports

[Armansiddiqui9]

Closes #12796

fix

Bonus

Star ratings are now also accessible on mobile devices for the first time.
Previously patrons on phones could never rate books directly from their
reading log. This fix unblocks that use case at no extra cost.

Technical

Scope the rule to .read-options and .btn-notice — the containers
that wrap the form exclusively on book detail pages:

.read-options .star-rating-form.desktop,
.btn-notice .star-rating-form.desktop,
.modal-links.desktop {
  display: none;
}

The reading log renders its form inside .list-books, which is never
matched, so ratings now stay visible at all viewport widths.

Testing

1. Log in and go to /account/books/already-read
2. Open DevTools → set viewport to 800px or 960px
3. Before: star widgets invisible
4. After: star widgets visible and functional

Screenshot

Before

After

Mobile view before

Mobile view After

Stakeholders

@cdrini @lokesh

[mekarpeles]

Thanks for the PR, @Armansiddiqui9.

🤖 Copilot has been assigned for an initial review.

The linked issue #12796 hasn't been triaged yet — triage happens on Mondays and Fridays. There are currently 71 open non-draft PRs ahead of yours.

PR triage checklist (maintainers / Pam)

• PR description — not empty; explains what the change does and how to verify it
• References an issue — PR body contains a #NNN reference
  • Linked issue is triaged — has a Priority: * label (not just Needs: Triage)
  • Linked issue is assigned — has at least one assignee
• Commit history clean — no WIP/fixup/conflict noise; commit messages are meaningful
• CI passing — no failing check-runs
• Test cases present — if the change touches substantive logic, test coverage exists or is explained
• Proof of testing — PR body includes a description of what was tested, a screenshot, or a video

Note

This comment was automatically generated by Pam, Open Library's Project AI Manager, on behalf of @mekarpeles. Pam is designed to provide status visibility, perform basic project management functions and relevant codebase research, and provide actionable feedback so contributors aren't left waiting.

[Copilot]

Pull request overview

Fixes a responsive CSS regression where star rating widgets on the Reading Log “Already Read” page were being hidden at narrow/mobile viewports due to an overly broad selector in the read panel styles.

Changes:

• Scoped the mobile rule that hides the desktop star rating form so it only applies within book detail page containers (.read-options / .btn-notice), rather than globally.
• Preserved existing behavior of hiding .modal-links.desktop on mobile to ensure the mobile modal-links variant is used.

[mekarpeles]

Nice job! Thank you @Armansiddiqui9