From 0d247b32ed806ede2da649aa8054e1bb6b2c651b Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Fri, 2 Oct 2020 16:14:16 +0100
Subject: [PATCH] Different margins when edit image appears under column header
 image

---
 epicyon-profile.css | 10 ++++++++--
 webinterface.py     |  7 ++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 9a6849072..01635e803 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -970,14 +970,20 @@ aside .toggle-inside li {
         float: left;
         width: var(--column-left-width);
     }
-    .col-left img {
+    .col-left img.leftColEdit {
         background: var(--column-left-color);
         margin: 40px 0;
         width: 20%;
     }
+    .col-left img.leftColEditImage {
+        background: var(--column-left-color);
+        width: 20%;
+    }
     .col-left img.leftColImg {
         background: var(--column-left-color);
-        width: 90%;
+        width: 100%;
+	margin: 0 0;
+	padding: 0 0;
     }
     .col-center {
         width: var(--column-center-width);
diff --git a/webinterface.py b/webinterface.py
index c8d43c599..44b98f1fc 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5182,7 +5182,10 @@ def getLeftColumnContent(baseDir: str, nickname: str, domainFull: str,
         if os.path.isfile(themeLeftColumnImageFilename):
             copyfile(themeLeftColumnImageFilename, leftColumnImageFilename)
 
+    # show the image at the top of the column
+    editImageClass = 'leftColEdit'
     if os.path.isfile(leftColumnImageFilename):
+        editImageClass = 'leftColEditImage'
         htmlStr += \
             '      <center>\n' + \
             '        <img class="leftColImg" loading="lazy" src="/users/' + nickname + \
@@ -5190,12 +5193,14 @@ def getLeftColumnContent(baseDir: str, nickname: str, domainFull: str,
             '      </center>\n'
 
     if moderator:
+        # show the edit icon
         htmlStr += \
             '      <center>\n' + \
             '        <a href="' + \
             httpPrefix + '://' + domainFull + \
             '/users/' + nickname + '/editlinks' + '">' + \
-            '<img loading="lazy" alt="' + \
+            '<img class="' + editImageClass + \
+            '" loading="lazy" alt="' + \
             translate['Edit Links'] + '" title="' + \
             translate['Edit Links'] + '" src="/' + \
             iconsDir + '/edit.png" /></a>\n' + \