/*
 * We need a seperate stylesheet for the planner page because they are dynamically added.
 */

planner .planner-interface .planner-container .calendar-container .sidebar {
	.coming-up .coming-up-day .coming-up-events .event .event-desc,
	.day-selection .selection-events .event .event.desc {
		// Place styles in here for description stylings dynamically added.
		img {
			width: 100%;
		}

		ul {
			padding-left: 1rem;
		}
	}
}

/*
 * We need a seperate stylesheet for the planner page because they are dynamically added.
 */

planner .planner-interface .planner-container .calendar-container .sidebar {
	.coming-up .coming-up-day .coming-up-events .event .event-content .event-desc,
	.day-selection .selection-events .event .event-content .event-desc {
		// Place styles in here for description stylings dynamically added.
		img {
			width: 100%;
		}

		ul {
			padding-left: 1rem;
		}
	}
}

planner .view-event-modal .modal-dialog .modal-content .modal-body {
	// Place styles in here for 'View Event' modal.
	img {
		width: 100%;
	}
}

Add stylings to 'View Event' modal
Add stylings to 'View Event' modal
