Styling Calendar list images

gistfile1.txt

/*
*  change the image size in cal-list
*/
.wfea-calendar-list .fc-list-item-title div.cal-list-link-wrap div.cal-list-img-wrap img.cal-list {
  height: 5em;
}
/*
* go a step further and align everything in the middle
*/
.wfea-calendar-list .fc-list-item td {
	vertical-align: middle;
}
/*
* to get it perfectly we need to align the text of the image to the middle too
* here I am using css grid to align the text, you can do more with grid such as control teh spacing etc
*/

.wfea-calendar-list .fc-list-item-title div.cal-list-link-wrap {
  display: grid;
	justify-content: stretch;
	grid-template-columns: 1fr 1fr;
}

.wfea-calendar-list .fc-list-item-title div.cal-list-link-wrap div.cal-list-text-wrap{
	align-self: center;
}
/*
* do something for smaller screens, switch back to floats
*/
@media (max-width: 450px) {
  .wfea-calendar-list .fc-list-item-title div.cal-list-link-wrap { 
     display: inline;
	}
  .wfea-calendar-list .fc-list-item-title div.cal-list-link-wrap div.cal-list-img-wrap img.cal-list {
  float:left;
        }
}