You are here

availability_calendar.edit.css in Availability Calendars 7.3

Same filename and directory in other branches
  1. 7.5 availability_calendar.edit.css
  2. 7.4 availability_calendar.edit.css
/*
 * Edit calendar form.
 * - Display radio buttons and labels as a table (so that the colored labels get the same length).
 */
.availability-states {
  display: table;
}

.availability-states .form-type-radio {
  display: table-row;
  margin: 0;
  padding: 3px;
}

.availability-states .form-type-radio input,
.availability-states .form-type-radio label {
  display: table-cell;
  height: 2em;
  line-height: 2em;
  padding: 0 10px;
}

File

availability_calendar.edit.css
View source
  1. /*
  2. * Edit calendar form.
  3. * - Display radio buttons and labels as a table (so that the colored labels get the same length).
  4. */
  5. .availability-states {
  6. display: table;
  7. }
  8. .availability-states .form-type-radio {
  9. display: table-row;
  10. margin: 0;
  11. padding: 3px;
  12. }
  13. .availability-states .form-type-radio input,
  14. .availability-states .form-type-radio label {
  15. display: table-cell;
  16. height: 2em;
  17. line-height: 2em;
  18. padding: 0 10px;
  19. }