Band-aid formatting on events listing page

Since we allow markdown, we need to somewhat constrain what it looks
like on the site, so we don't end up with events that have headlines
that are bigger than the actual page headlines.

We can probably do something cleaner for this, but this will do as a
start.

media/css/main.css

@@ -612,6 +612,23 @@ pre.code {
     border-radius: .25rem;
 }
 
+/* News and events getting markdown from end users */
+#pgContentWrap .newseventwrap h1 {
+    font-size: 1.2em;
+}
+#pgContentWrap .newseventwrap h2 {
+    display: block;
+    font-size: 1.1em;
+}
+#pgContentWrap .newseventwrap h3 {
+    font-size: 1.0em;
+}
+hr.eventseparator {
+    width: 80%;
+    margin-bottom: 1em;
+}
+
+
 /* #STYLEDSELECT */
 
 /**

templates/events/archive.html

@@ -18,6 +18,7 @@ whatsoever.</em>
 </p>
 {% endif %}
 {%for event in eventblock.events %}
+<hr class="eventseparator">
 <div>
   {% if event.badged %}
     <img src="/media/img/PostgreSQL_Badge1.svg" class="community" alt="PostgreSQL Community Event">
@@ -27,7 +28,7 @@ whatsoever.</em>
 <div>Date: <strong>{{event.displaydate|safe}}</strong></div>
 <div>Location: <strong>{{event.locationstring}}</strong></div>
 {%if event.language%}<div>Language: <strong>{{event.language}}</strong></div>{%endif%}
-<div>
+<div class="newseventwrap">
 {{event.summary|markdown}}
 </div>
 {%endfor%}