Change article page layout a bit

3 files changed, 14 insertions, 12 deletions

diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index d89d9f2..6a26fea 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -1,12 +1,12 @@
 <article>
   <header>
     <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
-    <div class="post-meta clearfix">
+    <div class="clearfix">
       <div class="post-date pull-left">
-        {{ i18n "postedOn" }}
-        <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
-          {{ .Date.Format "Jan 2, 2006" }}
-        </time>
+        <span class="small">
+          {{ i18n "postedOn" }}
+          {{ .Date.Format ( i18n "dateformat" ) }}
+        </span>
       </div>
     </div>
   </header>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 259e893..589063e 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -9,12 +9,14 @@
   <section>
     {{ .Content }}
   </section>
-  <div class="post-meta clearfix">
+  <div class="clearfix">
     {{ if (isset .Params "noshowdate")  }}
     {{ else }}
       <div class="post-date pull-left">
-        {{ i18n "postedOn" }}
-        {{ .Date.Format ( i18n "dateformat" ) }}
+        <span class="small">
+          {{ i18n "postedOn" }}
+          {{ .Date.Format ( i18n "dateformat" ) }}
+        </span>
       </div>
     {{ end }}
     <div class="pull-right">
diff --git a/static/css/main.css b/static/css/main.css
index 1dec016..f64dea2 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -186,10 +186,6 @@ a.btn-back {
     text-align: center;
 }
 
-.post-meta {
-    margin: 5px 0;
-}
-
 .post-date {
     color: rgba(0, 0, 0, 0.4);
 }
@@ -329,6 +325,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: "Source Sans Pro", "Kozuka Gothic Pr6N", Meiryo, sans-serif !important;
 }
 
+small, .small {
+  font-size: 80%;
+}
+
 .btn > a:hover {
   text-decoration: none;
 }