Left and right timeline columns

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;

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: