Add event types

site/styles/events.css

@@ -7,11 +7,11 @@
   border-bottom: 5px var(--hightlight) solid;
 }
 
-.event:hover>div {
+.event:hover > div {
   padding-bottom: calc(0.5rem - 5px);
 }
 
-.event>div {
+.event > div {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   white-space: nowrap;
@@ -35,6 +35,12 @@
   font-size: 0.9em;
 }
 
+.types {
+  font-size: 0.9em;
+  margin-left: auto;
+  font-style: italic;
+}
+
 @media screen and (max-width: 1160px) {
   .event {
     flex-direction: column;
@@ -50,8 +56,8 @@
   .event:hover {
     border-bottom: none;
   }
-  
-  .event:hover> div {
+
+  .event:hover > div {
     padding-bottom: 0;
   }
 
@@ -62,4 +68,8 @@
   .title {
     border-left: none;
   }
+
+  .types {
+    margin-left: 0;
+  }
 }