[Web][Docs] Search bar result style on v5 documentation page

[PabloLION]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

• Different height to show more content for search content. More details in chapter #Examples
• Search box of MUI doc page has changed from dropdown of V4 to a pop-up dialogue in V5. We are allowed to put more content in the pop-up.
• The issue was initially mentioned here https://github.com/mui-org/material-ui/issues/28415
• This issue is to separate different topics.

Examples 🌈

When searching search, the subtitles can have less space. One possible way is to show page and chapter title with different height. I would like to have some (limited) access to your prototyping tool like https://siriwatknp.github.io/mui-docsearch/ to make it clearer and easier during the communication.

• Current behaviour (searching text)

• Expected behaviour (searching text) (with MSPaint)

• Current behaviour (searching typography or typog)

• Expected behaviour (searching typography or typog)

• I made a typo (g->p) while typing typog but it seems algolia corrected me

Motivation 🔦

Usability: to make search easier

[PabloLION]

Hi @mbrookes, could you explain why is this issue closed?

[mbrookes]

@Pablion I don't quite follow this one, but happy to leave it to @siriwatknp to decide the best action.

[siriwatknp]

Thanks for the feedback. I don't have a strong opinion on this but we can keep this open to see if other people have similar thoughts.

[PabloLION]

I understand, since this is more about UX and there's no "strictly better" in this aspect if everything is designed correctly. I admit that the current style with more spacing would be cleaner although with less content. This is all about balance and equilibrium.