Add icons for program duration and piece list

1 files changed, 17 insertions, 0 deletions

diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
index 914149b..1db2550 100644
--- a/stylesheets/programmes.css
+++ b/stylesheets/programmes.css
@@ -59,6 +59,23 @@ details.program[open] > summary > img.button.close {
     right: 0;
 }
 
+.info {
+    display: grid;
+    grid-template-columns: 2em 1fr;
+}
+.info.duration::before {
+    content: "🕑";
+}
+.info.pieces::before {
+    content: "🎼";
+}
+.info::before {
+    grid-column: 1;
+}
+.info > * {
+    grid-column: 2;
+}
+
 details.program > *:nth-child(3) {
     color: var(--gold);
     font-weight: 600;