From 5d0b06f1993d798da37e8691af9f452849117568 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 19 Nov 2020 21:57:26 +0000
Subject: [PATCH] Margin for links and newswire screens on mobile

---
 epicyon-profile.css    | 13 ++++++++++---
 webapp_column_left.py  |  5 +++++
 webapp_column_right.py |  5 +++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 04ca8e9f..cf160810 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -88,6 +88,7 @@
     --column-left-width: 10vw;
     --column-center-width: 80vw;
     --column-right-width: 10vw;
+    --column-left-mobile-margin: 10px;
     --column-left-top-margin: 0;
     --column-left-header-style: uppercase;
     --column-left-header-background: #555;
@@ -1303,7 +1304,7 @@ div.container {
         border-left: var(--tab-border-width) solid var(--tab-border-color);
         border-right: var(--tab-border-width) solid var(--tab-border-color);
         margin-bottom: var(--button-bottom-margin);
-	margin-left: var(--button-left-margin);
+        margin-left: var(--button-left-margin);
     }
     .buttonDesktop {
         border-radius: var(--button-corner-radius);
@@ -1323,7 +1324,7 @@ div.container {
         border-left: var(--tab-border-width) solid var(--tab-border-color);
         border-right: var(--tab-border-width) solid var(--tab-border-color);
         margin-bottom: var(--button-bottom-margin);
-	margin-left: var(--button-left-margin);
+        margin-left: var(--button-left-margin);
     }
     .publishbtn {
         border-radius: var(--button-corner-radius);
@@ -1377,7 +1378,7 @@ div.container {
         border-left: var(--tab-border-width) solid var(--tab-border-color);
         border-right: var(--tab-border-width) solid var(--tab-border-color);
         margin-bottom: var(--button-bottom-margin);
-	margin-left: var(--button-left-margin);
+        margin-left: var(--button-left-margin);
     }
     .buttonselectedhighlighted {
         border-radius: var(--button-corner-radius);
@@ -1721,6 +1722,9 @@ div.container {
         display: none;
         width: 0%;
     }
+    .col-left-mobile {
+        margin-left: var(--column-left-mobile-margin);
+    }
     .col-left {
         float: left;
         width: 0%;
@@ -1729,6 +1733,9 @@ div.container {
     .col-center {
         width: 100vw;
     }
+    .col-right-mobile {
+        margin-left: var(--column-left-mobile-margin);
+    }
     .col-right {
         float: right;
         width: 0%;
diff --git a/webapp_column_left.py b/webapp_column_left.py
index 66e1f3d3..b72c282d 100644
--- a/webapp_column_left.py
+++ b/webapp_column_left.py
@@ -227,6 +227,7 @@ def htmlLinksMobile(cssCache: {}, baseDir: str,
         '<img loading="lazy" class="timeline-banner" ' + \
         'src="/users/' + nickname + '/' + bannerFile + '" /></a>\n'
 
+    htmlStr += '<div class="col-left-mobile">\n'
     htmlStr += '<center>' + \
         headerButtonsFrontScreen(translate, nickname,
                                  'links', authorized,
@@ -237,6 +238,10 @@ def htmlLinksMobile(cssCache: {}, baseDir: str,
                              iconsPath, editor,
                              False, timelinePath,
                              rssIconAtTop, False, False)
+
+    # end of col-left-mobile
+    htmlStr += '</div>\n'
+
     htmlStr += '</div>\n' + htmlFooter()
     return htmlStr
 
diff --git a/webapp_column_right.py b/webapp_column_right.py
index 5ed3e6f9..dff002dd 100644
--- a/webapp_column_right.py
+++ b/webapp_column_right.py
@@ -433,6 +433,8 @@ def htmlNewswireMobile(cssCache: {}, baseDir: str, nickname: str,
         '<img loading="lazy" class="timeline-banner" ' + \
         'src="/users/' + nickname + '/' + bannerFile + '" /></a>\n'
 
+    htmlStr += '<div class="col-right-mobile">\n'
+
     htmlStr += '<center>' + \
         headerButtonsFrontScreen(translate, nickname,
                                  'newswire', authorized,
@@ -445,6 +447,9 @@ def htmlNewswireMobile(cssCache: {}, baseDir: str, nickname: str,
                               False, timelinePath, showPublishButton,
                               showPublishAsIcon, rssIconAtTop, False,
                               authorized, False)
+    # end of col-right-mobile
+    htmlStr += '</div\n>'
+
     htmlStr += htmlFooter()
     return htmlStr