change spacing in events layout and h following p

Author: DavidMann10k

_layouts/event.html

@@ -2,17 +2,14 @@
 layout: default
 ---
 
-<h2> {{ page.date | date: "%m/%d/%Y" }} </h2>
-
-<br />
+<h4 class='text-muted mb-4'> {{ page.date | date: "%m/%d/%Y" }} </h4>
 
 {% if page.image %}
-<img class="img-fluid mb-3" src="{{site.url}}{{page.image}}" alt="{{page.title}}" />
+  <img class="img-fluid w-100 mb-4" src="{{site.url}}{{page.image}}" alt="{{page.title}}" />
 {% endif %}
 
-{{ content }}
-
-<br />
-<br />
+<div class='content mb-5'>
+  {{ content }}
+</div>
 
 <p>Back to <a href="/history/">History</a></p>

assets/css/styles.scss

@@ -8,6 +8,10 @@ h1,h2,h3,h4,h5 {
   font-family: 'Arvo', serif;
 }
 
+p + h1,p + h2,p + h3,p + h4,p + h5 {
+  margin-top: $spacer * 1.5;
+}
+
 figure {
   float: left;
   width: 20%;