I recently had a need to take the normal people search results in SharePoint Online and make them look better. In particular, use all that white space to the right of the default search results listing. Forgive the photos below. I wanted to keep the large resolution to demonstrate the functionality here.
Default People Search Results
CSS
Drop this CSS in a Content Editor Web Part on the page.
<style type="text/css">
.ms-srch-people-outerContainer {
min-height: 200px;
margin: 0 0 0 -10px;
padding-bottom: 10px;
padding-left: 10px;
float: left;
clear: none;
}
.ms-srch-hover-standardSize {
width: 300px;
left: -300px;
}
</style>
Updated People Search Results
The result gives me what feels like a responsive design. As I narrow my browser’s width, the search results adjust accordingly and even maintain their order.