From 1279f7a2953e664563afba36d9996fe2722e32be Mon Sep 17 00:00:00 2001
From: Magnus Hagander <magnus@hagander.net>
Date: Thu, 14 Jun 2018 16:31:40 +0200
Subject: [PATCH] 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            | 17 +++++++++++++++++
 templates/events/archive.html |  3 ++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/media/css/main.css b/media/css/main.css
index 6fc35463..a4e10556 100644
--- a/media/css/main.css
+++ b/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 */
 
 /**
diff --git a/templates/events/archive.html b/templates/events/archive.html
index 993ba17e..1959c65b 100644
--- a/templates/events/archive.html
+++ b/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%}