terrassumptions/client/src/components/screens/HomePage/HomePage.module.css

.page {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}

.rejoinLabel {
  margin-bottom: 0.5em;
}

.rejoinSection {
  top: 10%;
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
}

.recentSection {
  margin-bottom: 2em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 24em;
}

.recentTitle {
  width: 100%;
  padding-bottom: 0.5em;
}

.recentItem {
  width: 100%;
  margin-bottom: 0.5em;
  display: inline-flex;
  justify-content: space-between;
}

.recentPlayerInfo {
  max-width: 50%;
  display: inline-flex;
  justify-content: flex-end;
}

.recentPlayerName {
  margin-right: 0.125em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}