From aed521bffa4832d377956afc6b3d3e03312e2090 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jakejarvis@gmail.com>
Date: Sun, 31 Mar 2019 16:40:23 -0400
Subject: [PATCH] responsive CSS fixes on blog singles

---
 layouts/notes/single.html | 10 +++++-----
 static/style.css          | 12 ++++--------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/layouts/notes/single.html b/layouts/notes/single.html
index f1510749..04a8532e 100644
--- a/layouts/notes/single.html
+++ b/layouts/notes/single.html
@@ -2,16 +2,16 @@
 <div id="single">
   <div id="info">
     <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
-    <h2 class="headline">
+    <div class="meta">
       {{ .Date.Format "January 2, 2006" }} &middot; {{ if lt 1 .WordCount }}{{ .WordCount }} words{{ else }}{{ .WordCount }} word{{ end }} &middot; {{ .ReadingTime }} minute read
-      <span class="tags">
+      <div class="tags">
       {{ with .Params.tags }}
         {{ if ge (len .) 1 }}
-          {{ range . }}<span class="tag"><!--<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}">-->{{ . }}<!--</a>--></span>{{ end }}
+          {{ range . }}<span class="tag"><!--<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}">-->{{ . }}<!--</a>--></span> {{ end }}
         {{ end }}
       {{ end }}
-      </span>
-    </h2>
+      </div>
+    </div>
   </div>
   {{ if .Site.Params.enableToc }}
     {{ if .TableOfContents }}
diff --git a/static/style.css b/static/style.css
index c1fd973c..d18c43c3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,7 +1,6 @@
 /*! JJ CSS */
 
 body {
-  display: table;
   width: 100%;
   height: 100%;
   margin: 0;
@@ -649,30 +648,27 @@ body#notes div#single h2 {
   color: #111;
 }
 
-body#notes div#single h2.headline {
+body#notes div#single div.meta {
   margin: -5px 0 0 0;
   color: #777777;
   font-size: 13px;
   line-height: 1.5em;
   letter-spacing: 1px;
-  display: inline-block;
 }
 
-body#notes div#single h2.headline span.tags {
-  color: #777777;
+body#notes div#single div.meta div.tags {
   font-size: 13px;
   text-transform: uppercase;
   line-height: 1.5em;
   letter-spacing: 2px;
   margin-top: 5px;
-  display: block;
 }
-body#notes div#single h2.headline span.tags span.tag {
+body#notes div#single div.meta div.tags span.tag {
   color: #777777;
   border: none;
   margin: 0 7px;
 }
-body#notes div#single h2.headline span.tags span.tag a {
+body#notes div#single div.meta div.tags span.tag a {
   color: #777777;
   border: none;
 }