[Page] events

site/styles/events.css

@@ -1,20 +1,18 @@
 .event {
   display: flex;
   flex-direction: row;
-}
 
-.event:hover {
-  border-bottom: 5px var(--hightlight) solid;
-}
-
-.event:hover > div {
-  padding-bottom: calc(0.5rem - 5px);
-}
-
-.event > div {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  white-space: nowrap;
+  &:hover {
+    border-bottom: 5px var(--hightlight) solid;
+    & > div {
+      padding-bottom: calc(0.5rem - 5px);
+    }
+  }
+  & > div {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    white-space: nowrap;
+  }
 }
 
 .date {
@@ -46,19 +44,17 @@
     flex-direction: column;
     margin-bottom: 1rem;
     border-left: 3px solid var(--border);
-  }
-
-  .event > div {
-    padding: 0 0.5rem;
-    white-space: normal;
-  }
-
-  .event:hover {
-    border-bottom: none;
-  }
-
-  .event:hover > div {
-    padding-bottom: 0;
+    &:hover {
+      border-bottom: none;
+      border-left: 3px solid var(--hightlight);
+      & > div {
+        padding-bottom: 0;
+      }
+    }
+    & > div {
+      padding: 0 0.5rem;
+      white-space: normal;
+    }
   }
 
   .date {