Module:Random slideshow/sandbox/styles.css
Appearance
/* Hide the toggle gallery button */
.randomSlideshow-container > .gallery.mw-gallery-slideshow > .gallerycarousel > div > div > div > span:nth-child(2) {
display: none;
}
/* On desktop, hide the switcher labels */
/* // TODO */
/* == On mobile, show the switcher labels in a sort-of gallery-like format == */
/* Make labels sit side-by-side */
.randomSlideshow-container label {
display:inline-block !important; /* overrides inline style */
padding:0.2em 0.3em;
}
/* Hide the "Show all" option */
.randomSlideshow-container label:last-child {
display:none !important; /* overrides inline style */
}
/* Make sure the labels are underneath not alongside the gallery */
.randomSlideshow-container .gallerybox {
display:block;
}
/* Visually hide the labels' text content, but retain screenreader access (hopefully) */
.randomSlideshow-container .randomSlideshow-sr-only {
display:block;
width:1px;
height:1px;
text-indent:-999px;
overflow:hidden;
}