M static/style.css → static/style.css

@@ -15,7 +15,7 @@ }
 
 html {
   /* background: var(--bg);*/
-  font-size: 18px;
+  font-size: 16px;
   line-height: 1.5;
 }
 
@@ -117,7 +117,7 @@ overflow-y: hidden;
   padding: 10px;
   min-width: 0;
   background-color: var(--code-bg) !important;
-  font-size: 18px !important;
+  font-size: 16px !important;
 }
 
 pre > code {
@@ -269,20 +269,6 @@ table {
   width: 100%;
 }
 
-td {
-  white-space: nowrap;
-}
-
-
-
-td:first-child {
-  width: 100%;
-  max-width: 1px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
 img {
   max-width: 100%;
   margin: 0 auto;
@@ -367,11 +353,11 @@ float: left;
   color: var(--gray);
 }
 
-.post {
-  height: 100%;
-  padding: 7px 0 7px 0;
+.index-date {
+  white-space: nowrap;
+  vertical-align: baseline;
 }
 
-time {
-  float: right;
+.index-post {
+  padding-bottom: 5px;
 }

M templates/index.html → templates/index.html

@@ -35,13 +35,17 @@ <header>
             {{ .Cfg.Header }}
           </header>-->
           {{ .Fm.Body }}
+            <table>
             {{ range $_, $post := .Posts }}
-            <section class="post">
-              <time>{{ $post.Fm.Date.Format "02 January, 2006" }}</time>
+            <tr>
+              <td align="left" class="index-date">{{ $post.Fm.Date.Format "02 Jan 2006" }}</td>
+              <td align="left" class="index-post">
               <a href="/blog/{{ $post.Fm.URL }}">{{ $post.Fm.Title }}</a>
-            </section>
+              </td>
+            </tr>
             {{ end }}
-          <p><em><b>Note</b>: My current opinions may differ from those expressed in these posts.</em>
+            </table>
+            <p><em><b>Note</b>: My current opinions may differ from those expressed in these posts.</em></p>
         </div>
       <footer>
         {{ .Cfg.Footer }}