From fe74f013bd63bb009b2cae8ad094ac581689b247 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 1 Oct 2020 10:07:04 +0100
Subject: [PATCH] Convert columns to table

---
 epicyon-profile.css |  2 ++
 webinterface.py     | 22 +++++++++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index ec1d2dbb..91cebc9d 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -939,6 +939,7 @@ aside .toggle-inside li {
         line-height: var(--line-spacing);
     }
     .timeline {
+	border: 0;
         width: 120%;
     }
     .column-left {
@@ -1415,6 +1416,7 @@ aside .toggle-inside li {
         line-height: var(--line-spacing);
     }
     .timeline {
+	border: 0;
         width: 100%;
     }
     .column-left {
diff --git a/webinterface.py b/webinterface.py
index 5220006a..cfe97f4a 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5355,10 +5355,18 @@ def htmlTimeline(defaultTimeline: str,
     tlStr += '<div class="timeline-banner">'
     tlStr += '</div>\n</a>\n'
 
-    tlStr += '<div class="timeline">\n'
-    tlStr += '  <div class="column-left">\n'
-    tlStr += '  </div>\n'
-    tlStr += '  <div class="column-center">\n'
+    # start the timeline
+    tlStr += '<table class="timeline">\n'
+    tlStr += '  <colgroup>\n'
+    tlStr += '    <col span="1" class="column-left">\n'
+    tlStr += '    <col span="1" class="column-center">\n'
+    tlStr += '    <col span="1" class="column-right">\n'
+    tlStr += '  </colgroup>\n'
+    tlStr += '  <tr>\n'
+    # left column
+    tlStr += '  <td class="column-left"></td>\n'
+    # center column containing posts
+    tlStr += '  <td class="column-center">\n'
 
     # start of the button header with inbox, outbox, etc
     tlStr += '    <div class="container">\n'
@@ -5658,9 +5666,9 @@ def htmlTimeline(defaultTimeline: str,
             tlStr += '</div>\n'
 
     # end of column-center
-    tlStr += '  </div>\n'
-    tlStr += '  <div class="column-right">\n'
-    tlStr += '  </div>\n'
+    tlStr += '  </td>\n'
+    tlStr += '  <td class="column-right"></td>\n'
+    tlStr += '  </table>\n'
     tlStr += '</div>'
 
     # benchmark 9