From c67b3ba7ea769cd747ea2f43ee6d12943d599ae0 Mon Sep 17 00:00:00 2001
From: Florian Klink <flokli@flokli.de>
Date: Thu, 5 Dec 2019 21:25:05 +0100
Subject: [PATCH] index.tmpl.html: change from table to div layout

This makes things a bit more condensed.
---
 public/index.tmpl.html | 29 +++++++++--------------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/public/index.tmpl.html b/public/index.tmpl.html
index d7ec29c25..e04c0a349 100644
--- a/public/index.tmpl.html
+++ b/public/index.tmpl.html
@@ -63,25 +63,14 @@
     {{ end }}
 
     <h2 id="region-log">Log</h2>
-    <table class="table .table-sm">
-      <tbody>
-        {{ range $entry := .memory.Entries }}
-        <tr class="bg-dark {{ levelToClasses $entry.Level }}">
-          <td rowspan="2">
-            {{ $entry.Timestamp.Format "2006-01-02 15:04:05 UTC"}}
-          </td>
-          <td>{{ $entry.Level }}</td>
-          <td>
-            <code class="{{ levelToClasses $entry.Level }}">{{ $entry.Message }}</code><br />
-          </td>
-        </tr>
-        <tr class="bg-dark {{ levelToClasses $entry.Level }}">
-          <td colspan="2">
-              <code class="{{ levelToClasses $entry.Level }}">{{ fieldsToJSON $entry.Fields }}</code><br />
-          </td>
-        </tr>
-        {{ end }}
-      </tbody>
-    </table>
+    {{ range $entry := .memory.Entries }}
+    <div class="d-flex flex-row bg-dark {{ levelToClasses $entry.Level }} text-monospace"> 
+      <div class="p-2"><small>{{ $entry.Timestamp.Format "2006-01-02 15:04:05 UTC"}}</small></div>
+      <div class="p-2 flex-grow-1"><small><strong>{{ $entry.Message }}</strong></small></div>
+    </div>
+    <div class="bg-dark {{ levelToClasses $entry.Level }} text-monospace text-break" style="padding-left: 4rem"> 
+    <small>{{ fieldsToJSON $entry.Fields }}</small>
+    </div>
+    {{ end }}
 </body>
 </html>