Color the icon of the calendar used

[cbjerg]

I use individual icons for my calendars in my event list. To get this a bit nicer looking I have movedf the time of the events to be underneath the event name, and colored the icons to better tell them apart. I am using mdi:human-male-female-child for my family calendar, and mdi:human-male for my personal calendar. Also had to slightly expand the first grid column to accomodate the whole date

card_mod:
  style: |
    .hours {
      margin-left: 24px;
    }
    .single-event-container {
      grid-template-columns: 0.6fr 2fr !important;
    }
    .event-icon {
      margin-right: 5px !important;
    }
    ha-icon.event-icon[icon="mdi:human-male-female-child"] {
      color: green !important;
    }
    ha-icon.event-icon[icon="mdi:human-male"] {
      color: red !important;
    }