From fe19d84e88ee17901c3743a7560645af43e36bdd Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Wed, 30 Sep 2020 19:15:43 +0100
Subject: [PATCH] Center column

---
 epicyon-profile.css | 25 +++++++++++++++++--------
 webinterface.py     |  2 ++
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index a854f0fc4..38ee47608 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -62,6 +62,7 @@
     --quote-font-size: 120%;
     --line-spacing: 130%;
     --column-left-width: 0%;
+    --column-center-width: 100%;
     --column-right-width: 0%;
 }
 
@@ -926,12 +927,16 @@ aside .toggle-inside li {
 
 @media screen and (min-width: 400px) {
     .column-left {
-	float: left;
-	width: var(--column-left-width);
+        float: left;
+        width: var(--column-left-width);
+    } 
+    .column-center {
+        display: inline-block;
+        width: var(--column-center-width);
     } 
     .column-right {
-	float: right;
-	width: var(--column-right-width);
+        float: right;
+        width: var(--column-right-width);
     } 
     .likesCount {
         font-size: var(--font-size-likes);
@@ -1383,12 +1388,16 @@ aside .toggle-inside li {
 
 @media screen and (max-width: 1000px) {
     .column-left {
-	float: left;
-	width: var(--column-left-width);
+        float: left;
+        width: var(--column-left-width);
+    } 
+    .column-center {
+        display: inline-block;
+        width: var(--column-center-width);
     } 
     .column-right {
-	float: right;
-	width: var(--column-right-width);
+        float: right;
+        width: var(--column-right-width);
     } 
     .likesCount {
         font-size: var(--font-size-likes-mobile);
diff --git a/webinterface.py b/webinterface.py
index 81f1a25fc..51dea5267 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5331,6 +5331,7 @@ def htmlTimeline(defaultTimeline: str,
     tlStr += '<div class="row">\n'
     tlStr += '  <div class="column-left">\n'
     tlStr += '  </div>\n'
+    tlStr += '  <div class="column-center">\n'
     
     # first button
     if defaultTimeline == 'tlmedia':
@@ -5624,6 +5625,7 @@ def htmlTimeline(defaultTimeline: str,
         if boxName == 'tlmedia':
             tlStr += '</div>\n'
 
+    tlStr += '  </div>\n'
     tlStr += '  <div class="column-right">\n'
     tlStr += '  </div>\n'
     tlStr += '</div>'