.date-time
{
  font-size: 16px;
  text-align: center;
  padding: 3px 16px 4px;
}
.grid-container
{
  margin: 5px;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}
.grid-item
{
  float: left;
  width: 90px;
}
.grid-item.selected, .player-button.selected
{
  background: #CCCCCC;
}
.player-button
{
  display: block;
  margin: 2px;
  min-width: 125px;
  padding: 10px 5px;
  cursor: pointer;
}
.player-button[disabled]
{
  cursor: default !important;
  pointer-events: none;
}

/*Make game opaque on remove*/
.opaque ion-item.item
{
  background-color: rgba(255, 255, 255, 0.3);
}
.opaque, .grid-item[disabled]
{
  opacity: 0.3;
}
.date-time
{
  font-size: 16px;
  text-align: center;
  padding: 3px 16px 4px;
}
.grid-container
{
  margin: 5px;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}
.grid-item
{
  float: left;
  min-width: 90px;
}
.grid-item.selected, .player-button.selected
{
  background: #CCCCCC;
}
.player-button
{
  display: block;
  margin: 2px;
  min-width: 125px;
  padding: 10px 5px;
  cursor: pointer;
}
.player-button[disabled]
{
  cursor: default !important;
  pointer-events: none;
}

/*Make game opaque on remove*/
.opaque ion-item.item
{
  background-color: rgba(255, 255, 255, 0.3);
}
.opaque, .grid-item[disabled]
{
  opacity: 0.3;
}
Make add game name widths a minimum so longer names can still be shown
Make add game name widths a minimum so longer names can still be shown
