From ae8242ea051eee0daa30286d28a2d912b347b795 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Wed, 30 Sep 2020 19:06:34 +0100
Subject: [PATCH] Left and right timeline columns

---
 epicyon-profile.css | 18 ++++++++++++++++++
 webinterface.py     |  8 ++++++++
 2 files changed, 26 insertions(+)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 1cb9d1b9c..a854f0fc4 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -61,6 +61,8 @@
     --quote-font-weight: normal;
     --quote-font-size: 120%;
     --line-spacing: 130%;
+    --column-left-width: 0%;
+    --column-right-width: 0%;
 }
 
 @font-face {
@@ -923,6 +925,14 @@ aside .toggle-inside li {
 }
 
 @media screen and (min-width: 400px) {
+    .column-left {
+	float: left;
+	width: var(--column-left-width);
+    } 
+    .column-right {
+	float: right;
+	width: var(--column-right-width);
+    } 
     .likesCount {
         font-size: var(--font-size-likes);
         font-family: Arial, Helvetica, sans-serif;
@@ -1372,6 +1382,14 @@ aside .toggle-inside li {
 }
 
 @media screen and (max-width: 1000px) {
+    .column-left {
+	float: left;
+	width: var(--column-left-width);
+    } 
+    .column-right {
+	float: right;
+	width: var(--column-right-width);
+    } 
     .likesCount {
         font-size: var(--font-size-likes-mobile);
         font-family: Arial, Helvetica, sans-serif;
diff --git a/webinterface.py b/webinterface.py
index 17c7f5238..81f1a25fc 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5328,6 +5328,10 @@ def htmlTimeline(defaultTimeline: str,
     tlStr += '</div>\n</a>\n'
     tlStr += '<div class="container">\n'
 
+    tlStr += '<div class="row">\n'
+    tlStr += '  <div class="column-left">\n'
+    tlStr += '  </div>\n'
+    
     # first button
     if defaultTimeline == 'tlmedia':
         tlStr += \
@@ -5620,6 +5624,10 @@ def htmlTimeline(defaultTimeline: str,
         if boxName == 'tlmedia':
             tlStr += '</div>\n'
 
+    tlStr += '  <div class="column-right">\n'
+    tlStr += '  </div>\n'
+    tlStr += '</div>'
+
     # benchmark 9
     timeDiff = int((time.time() - timelineStartTime) * 1000)
     if timeDiff > 100: