Style changes for activities view

generator/templates/activities.html

@@ -4,10 +4,11 @@
 
 {% block content %}
   <h1>Activities</h1>
-  <ul>
+  <ul class="simplelist">
     {% for event in events %}
       <li>
-        <a href="{{ event.link }}">{{ event.event}}</a>
+        <a href="{{ event.link }}"><h4>{{ event }}</h4></a>
+        {{ event.date }} {% if event.time.value %}, {{ event.time }}{% endif %}
       </li>
     {% endfor %}
   </ul>

generator/templates/static/styles.simple.css

@@ -185,12 +185,13 @@ h2, h4 {
 /*  margin-bottom: calc(1.3 * var(--line-height));
 */  font-size: 0.8em;
   letter-spacing: 0.05em;
+  margin-top: calc(2.5 * var(--line-height));
+  margin-bottom: calc(1 * var(--line-height));
+}
 
-
-margin-top: calc(2.5 * var(--line-height));
-
-margin-bottom: calc(1 * var(--line-height));
-
+h4 {
+  margin-top: calc(1 * var(--line-height));
+  margin-bottom: 0;
 }
 
 h2.produser {
@@ -641,7 +642,7 @@ a.tag {
     -webkit-text-stroke-width: 0.9px;
   -webkit-text-stroke-color: var(--red-question);
   color: white;
-  margin: 10px 1.9em;
+  margin: 10px 1em;
   display: block;
 }
 
@@ -706,7 +707,7 @@ section.audio {
 
 .inline-navigation {
 	margin: -2em -1em 1em -1em;
-	padding: 1em 1em;
+	padding: .75em 1em .5em 1em;
 	position: sticky;
 	top: -1em;
 	background: white;