From 2ae0a140dd951c004d81e8efb1671afd48a7eafd Mon Sep 17 00:00:00 2001
From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Thu, 15 Oct 2020 00:03:18 +0100
Subject: [PATCH] proper style etc. for timestamps

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>
---
 templates/script.ts    |  3 ++-
 templates/session.tera | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/templates/script.ts b/templates/script.ts
index f50248bc..aeb3d55b 100644
--- a/templates/script.ts
+++ b/templates/script.ts
@@ -810,9 +810,10 @@ function add_timestamped_log_message(ts_html: string, msg_html: string) {
     var td = document.createElement('td');
     td.innerHTML = html;
     tr.appendChild(td);
+    return td;
   }
 
-  add_td(ts_html);
+  add_td(ts_html).setAttribute("class", 'logts')
   add_td(msg_html);
   log_elem.appendChild(tr);
 
diff --git a/templates/session.tera b/templates/session.tera
index 7711afe2..44e56071 100644
--- a/templates/session.tera
+++ b/templates/session.tera
@@ -12,6 +12,10 @@
     padding-right: 6.5px;
     align-self: start;
   }
+  td[class=logts] {
+    padding-right: 5px;
+    text-align: right;
+  }
   div[class=uokey-r] {
     align-self: end;
   }
@@ -48,10 +52,12 @@
     <div class="uokey"><strong>shift</strong> multiple selection</div>
   </div>
 <p>
-  <div id="log" style="overflow-y: scroll; height: 200px;">
+  <div style="overflow-y: scroll; height: 200px;">
+  <table id="log">
 {% for ent in log %}
-    <div>{{ent.when}}: {{ ent.logent.logent.html | safe }}</div>
+    <tr><td class="logts">{{ent.when}}</td><td>{{ ent.logent.logent.html | safe }}</td></tr>
 {%- endfor %}
+  </table>
   </div>
 
 <hr>
-- 
2.30.2