diff --git a/ui/scss/core/sim_ui/_sidebar.scss b/ui/scss/core/sim_ui/_sidebar.scss index 346aa36f29..975afca5f6 100644 --- a/ui/scss/core/sim_ui/_sidebar.scss +++ b/ui/scss/core/sim_ui/_sidebar.scss @@ -3,8 +3,6 @@ @import "../components/sim_title_dropdown"; .sim-sidebar { - min-height: 100vh; - flex: 1; display: flex; flex-direction: column; align-items: stretch; @@ -19,7 +17,6 @@ padding-bottom: map.get($spacers, 3); display: flex; flex-direction: column; - flex-grow: 1; &> *:not(:last-child) { margin-bottom: map.get($spacers, 4); @@ -55,12 +52,6 @@ justify-content: center; align-items: center; } - - .sim-sidebar-footer { - flex: 1; - display: flex; - align-items: flex-end; - } } } @@ -78,6 +69,21 @@ } } +@include media-breakpoint-up(md) { + .sim-sidebar { + // Allow the stats to align to the bottom of the viewport if the section is small enough to avoid scrolling + .sim-sidebar-content { + min-height: calc(100vh - $sim-header-height); + + .sim-sidebar-footer { + flex: 1; + display: flex; + align-items: flex-end; + } + } + } +} + @include media-breakpoint-down(lg) { .sim-sidebar { .sim-sidebar-content {