Margin for links and newswire screens on mobile

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%;

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
 

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