Improved scheduler

app/assets/javascripts/home_schedule.js

@@ -0,0 +1,30 @@
+(function() {
+	var body = document.querySelector('body');
+	var primaryContent = document.getElementById('primary-content');
+	var eventDlg = document.getElementById('event-dlg');
+
+	forEachElement('.event-detail-link', function(link) {
+		var eventDetails = link.parentElement.querySelector('.event-details');
+		var moreDetails = eventDlg.querySelector('.more-details');
+
+		link.addEventListener('click', function(event) {
+			event.preventDefault();
+			eventDlg.querySelector('.event-details').innerHTML = eventDetails.innerHTML;
+			var href = eventDetails.getAttribute('data-href');
+			if (href) {
+				moreDetails.setAttribute('href', href);
+				moreDetails.classList.remove('hidden');
+			} else {
+				moreDetails.classList.add('hidden');
+			}
+			window.openOverlay(eventDlg, primaryContent, body);
+
+			var closeDlg = function(event) {
+				event.preventDefault();
+				window.closeOverlay(eventDlg, primaryContent, body);
+			};
+			eventDlg.querySelector('.close-btn').onclick = closeDlg;
+			document.getElementById('overlay').onclick = closeDlg;
+		});
+	});
+})();

app/assets/stylesheets/_application.scss

@@ -3573,7 +3573,6 @@ html[data-lingua-franca-example="html"] {
 	}
 
 	p {
-		margin: 0;
 		font-size: 1em;
 	}
 
@@ -3602,7 +3601,7 @@ html[data-lingua-franca-example="html"] {
 	button {
 		font-size: 0.9em;
 		margin: 1em;
-		background-color: $colour-1;
+		background-color: $colour-5;
 		vertical-align: middle;
 
 		&.delete {