add whitespace so blog posts look more comfortablev0.1.2

2 files changed, 19 insertions, 15 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 8214e8c..406eac4 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,20 +1,18 @@
 {{ partial "header.html" . }}
 
-<section id="content">
-  <ul>
-    <table>
-      {{ range .Site.RegularPages.ByPublishDate.Reverse }}
-      <tr>
-        <td class="post-date-time date-time-font">
-          <time>{{ .Date.Format (.Site.Params.dateform | default "Jan 02 2006") }}</time>
-        </td>
-        <td class="post">
-          <a href="{{ .Permalink }}">{{ .Title }}</a>
-        </td>
-      </tr>
-      {{ end }}
-    </table>
-  </ul>
+<section id="content" class="page-content">
+  <table>
+    {{ range .Site.RegularPages.ByPublishDate.Reverse }}
+    <tr>
+      <td class="post-date-time date-time-font">
+        <time>{{ .Date.Format (.Site.Params.dateform | default "Jan 02 2006") }}</time>
+      </td>
+      <td class="post">
+        <a href="{{ .Permalink }}">{{ .Title }}</a>
+      </td>
+    </tr>
+    {{ end }}
+  </table>
 </section>
 
 {{ partial "footer.html" . }}
diff --git a/static/css/stylesheet.css b/static/css/stylesheet.css
index 3a73493..1e6088b 100644
--- a/static/css/stylesheet.css
+++ b/static/css/stylesheet.css
@@ -35,6 +35,7 @@ a {
 
 .blog-post {
     padding-left: 1em;
+    padding-right: 1em;
 }
 
 .post-container {
@@ -43,6 +44,7 @@ a {
 
 .post-tags {
     padding-left: 1em;
+    padding-right: 1em;
 }
 
 .post-tag-list {
@@ -59,3 +61,7 @@ a {
 .post-date-time {
     white-space: nowrap;
 }
+
+.page-content {
+    margin: 1em;
+}