Simplify/make consistent rendering of title/subtitle

Author: stefanv

assets/theme-css/styles.css

@@ -395,5 +395,5 @@ a.headerlink {
 #breadcrumbs {
   margin: 0;
   padding: 0;
-  padding-bottom: 1rem;
+  padding-bottom: 1.5rem;
 }

layouts/partials/section/section.html

@@ -5,12 +5,10 @@
 </div>
 <div class="content-container">
   {{ partial "breadcrumbs.html" . }}
-  <div class="columns">
-    <div class="column is-centered-tablet-portrait">
-      <h1>{{ .Title }}</h1>
-      <h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
-    </div>
-  </div>
+  <h1>{{ .Title }}</h1>
+  {{ if .Params.Subtitle }}
+  <h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
+  {{ end }}
   {{ if .Content }}
   {{ .Content }}
   {{ else }}

layouts/partials/single/content.html

@@ -1,11 +1,10 @@
 <section class="content-padding flex-row">
   <div class="content-container">
     {{ partial "breadcrumbs.html" . }}
-    <div class="columns">
-      <div class="column is-centered-tablet-portrait">
-        <h1>{{ .Title }}</h1>
-      </div>
-    </div>
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.Subtitle }}
+    <h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
+    {{ end }}
     {{ with partial "post_meta.html" . -}}
     <div class="post-meta">{{ . }}</div>
     {{- end }}