/* Stretch root layout */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: auto; /* Allow page scrolling if necessary */
  display: flex;
  flex-direction: column;
}

/* Ensure full height stretch in main containers */
body > .ui.container,
body > .ui.grid,
body > .ui.segment,
body > .ui.main.container,
#league-list {
  flex: 1 1 auto;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Card and content area should stretch */
#league-list > .ui.card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

#league-list > .ui.card > .content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.ui.grid,
.ui.stackable.grid,
.ui.relaxed.grid {
  flex: 1 1 auto;
  width: 100%;
}