Fixed Preview button being cropped

[Jimmykhangnguyen]

Closes #10667

This PR attempts to fix the issue where the "Preview" button in the Author page was cropped off.

Technical

After going through the code, I figured a single CSS change to openlibrary\static\css\components\search-result-item.less should do the trick and prevent the "Preview" button from being clipped off.

What I did was essentially changed the overflow attribute of .bookcover from hidden to visible.

Testing

Screenshot

Before:

After

Stakeholders

@RayBB

[cdrini]

Looks good; not testing this since testing is down right now, but the fix seems reasonable. Thank you @Jimmykhangnguyen !

[cdrini]

On second thought , I'll wait for testing just to make sure this one is working before giving it a merge 👍

[cdrini]

Also this needs to be rebased against latest master to fix the failing test 👍

[Jimmykhangnguyen]

Thanks! Yeah I think it wouldn't hurt to run it through the test, I'll rebase it and tag you in once I'm done!

[Jimmykhangnguyen]

@cdrini I think it looks good now! Thanks for the review!

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 17.34%. Comparing base (2e231fa) to head (fe39231).
Report is 323 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #10698      +/-   ##
==========================================
+ Coverage   17.27%   17.34%   +0.07%     
==========================================
  Files          87       90       +3     
  Lines        4845     4923      +78     
  Branches      860      859       -1     
==========================================
+ Hits          837      854      +17     
- Misses       3477     3536      +59     
- Partials      531      533       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cdrini]

Awesome, thank you @Jimmykhangnguyen ! We decided to make the font-size a bit smaller since it was causing the cover to become a bit larger when we set overflow:visible. We also remove overflow: visible, since that's the default! So we don't need to specify it.