[Page] events

site/styles/events.css

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

template/events-en.html

@@ -1,8 +1,19 @@
 <h1>Events</h1>
+
+<div class="description">
   <p>
     Following list contains all forthcoming events. Held events are listed in
     <a href="/en/events_archive">archive</a>.
   </p>
-<br />
-<p>We also provide <a href="https://dmz.rs/events.ical">ical file</a></p>
-<br />
+  <p>
+    Events are also available as an
+    <a href="https://dmz.rs/events.ical">ical</a> file.
+  </p>
+  <p>We also provide <a href="https://dmz.rs/events.ical">ical</a> file</p>
+  <p>
+    <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
+      Short description
+    </a>
+    how to find a space
+  </p>
+</div>

template/events-sr.html

@@ -1,19 +1,18 @@
 <h1>Događaji</h1>
+
+<div class="description">
   <p>
     Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
     pogledaj <a href="/events_archive">arhivu</a>.
   </p>
-<br />
   <p>
     Događaje možeš učitati i sa
     <a href="https://dmz.rs/events.ical">ical</a> datotekom.
   </p>
-<br />
   <p>
     <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
       Kratako uputstvo
     </a>
     kako pronaci prostor
   </p>
-<br />
-<br />
+</div>