Posts search term does not wrap well on mobile

[sumitsingh]

Hi,

I just tried to find blog usage on mobile device. Then some UI issue for related search text on post listing page.

More information see SS.

[sumitsingh]

UI issue for related search text on post listing page.

[sabernhardt]

I changed the component because this can happen on any screen with search (though Posts and Pages should be most common for long search terms).

Perhaps the subtitle element should have its own line on narrower screens.

.subtitle {
	padding-left: 0;
	display: block;
	line-height: 1.5;
}

[sabernhardt]

#58482 was marked as a duplicate.

[sabernhardt]

#59793 was marked as a duplicate.

[sabernhardt]

Updated screenshot (from #59793):

Suggested change (by @sumitsingh):

Trac ticket: https://core.trac.wordpress.org/ticket/54808

[m1r0]

I've created a quick ​PR for the fix @sabernhardt proposed. Let me know what you think. 🙂

Edit: Opened a ​new PR. The last one got accidentally closed.

[tyxla]

I've tested @m1r0's fix, and it looks good to me on mobile.

I also verified that this is a minimal set of changes necessary to fix the wrapping issue.

Trac ticket: https://core.trac.wordpress.org/ticket/54808

## Use of AI Tools

After PR: