/* CSS stylesheet for editor page */

main { max-width: 1000px }

table.eventslist tr td,
table.eventslist tr th
{
  border: 1px solid #ccc;
  padding: 2px 5px;
}

@media (max-width: 500px)
{
  table.eventslist { width: 100% }
  table.eventslist tr th { display: none }
  table.eventslist tr 
  { 
    display: block;
    margin: 10px 0;
    border: 1px solid #ccc;
    width: 100%;
  }
  table.eventslist tr td 
  { 
    display: block;
    border: none;
  }
}

table.venue_events tr td
{
  border: 1px solid #bbb;
  vertical-align: top;
  padding: 2px;
}
table.venue_events tr td:first-child { white-space: nowrap }