/* Loaded after the reference stylesheet, and only for this page.
 *
 * `imagevisualizationpage.css` carries `.fullscreen { width: 100%; height: 0 }`,
 * meant for the element once the browser enters full screen. In this build's
 * cascade that rule follows Bootstrap's grid and has the same specificity, so it
 * won on source order: the middle column measured 1585px instead of its
 * `col-sm-6` share of 792px, which pushed the Image Details panel onto a second
 * line and left it invisible beside a full-width, zero-height map.
 *
 * These two rules restore the grid without touching the copied reference file.
 * The `:fullscreen` rules in that file still apply when the viewer is expanded.
 */
#image-visualization-page-body #fullscreen.col-sm-6 {
  width: 50%;
  height: auto;
}

#image-visualization-page-body #fullscreen.col-sm-6:fullscreen {
  width: 100%;
  height: 100%;
}