8996/bugfix/fix authors search result identation in small screens

[Noronha01]

Closes #8996

[fix]

Technical

• Fixes weird indentation of authors search results when the screen width is smaller than the tablet breakpoint
• Added css to handle this screen size for search result items.

Testing

Search for an author and reduce the screen width or change screen to tablet or smartphone.

Screenshot

Fixed author names and descriptions:

Stakeholders

@scottbarnes

[scottbarnes]

Thanks for this, @Noronha01.

This issue is a bit of a weird one, in terms of how the issue only appears on the authors search result, or that is only where I saw it. Did you see it elsewhere also?

The PR does get the job done, but I am a bit unsure about collateral effects. As an alternative, what about changing this <div> to <div class="details">:

openlibrary/openlibrary/templates/search/authors.html

Line 64 in e8ea2ba

<div>

If that works, we get a targeted fix and don't have to add or modify any styles.

CC @cdrini, who came up with the idea of possibly using details here.

[Noronha01]

Hi @scottbarnes
I haven't seen this bug anywhere else, only on the author search.
Changing the div to class details gets the job done! Thank you, I will update the PR.