Search results alternative layouts missing styling (Gallery, Masonry) - Bootstrap 4

[eporter23]

Descriptive summary

Hyrax 3.x branches using Bootstrap 4 appear to have missing styling for non-list search result layouts.

Rationale

Design continuity and usability

Expected behavior

When a user clicks on one of the non-default layouts, the search results should be presented in an alternative way according to the design pattern for that layout option.

Gallery (nurax example)

Masonry (nurax example)

Slideshow (nurax example)

Actual behavior

Thumbnails are missing, and content blocks are not well delineated from each other. The slideshow option is also missing guidance text above the thumbnails ("Select an image to start the slideshow"), and the modal window is unstyled.

Gallery

Masonry

Slideshow

Steps to reproduce the behavior

1. Go to the homepage and hit Go in the search box to produce a large results list
2. In the search results page, click on one of the non-list options such as Gallery, Masonry, or slideshow and observe the layout

Related work

Link to related tickets or prior related work here.