You are here

availability_calendar.edit.css in Availability Calendars 7.5

Same filename and directory in other branches
  1. 7.3 availability_calendar.edit.css
  2. 7.4 availability_calendar.edit.css
/*
 * Edit calendar form styling.
 *
 * 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 styling.
  3. *
  4. * Display radio buttons and labels as a table (so that the colored labels get
  5. * the same length).
  6. */
  7. .availability-states {
  8. display: table;
  9. }
  10. .availability-states .form-type-radio {
  11. display: table-row;
  12. margin: 0;
  13. padding: 3px;
  14. }
  15. .availability-states .form-type-radio input,
  16. .availability-states .form-type-radio label {
  17. display: table-cell;
  18. height: 2em;
  19. line-height: 2em;
  20. padding: 0 10px;
  21. }