proper style etc. for timestamps

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/templates/script.ts b/templates/script.ts
index f50248bc3b8bf83c54b640be515799904276e14e..aeb3d55bd0763139ee6d25c638ea655ffc83004a 100644 (file)
--- 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 7711afe2f16da5e1ef1a90bd33ec02cdb45f9497..44e56071860a69f98a510f38c0ed52a9523d126a 100644 (file)
--- 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>