From 8aa37bde5572e7571efcc54da0cd73fc5ea0eda9 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Mon, 12 Oct 2020 17:24:44 +0100
Subject: [PATCH] Vertical alignment of icons on mobile newswire

---
 epicyon-profile.css | 89 +++++++++++++++++++++++----------------------
 1 file changed, 45 insertions(+), 44 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 4925b4fd6..cccbdf5b2 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -957,40 +957,40 @@ aside .toggle-inside li {
         line-height: var(--line-spacing);
     }
     .newswireItem {
-	font-size: var(--font-size-newswire);
-	color: var(--column-right-fg-color);
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire);
+        color: var(--column-right-fg-color);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireItemModerated {
-	font-size: var(--font-size-newswire);
-	color: var(--newswire-item-moderated-color);
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire);
+        color: var(--newswire-item-moderated-color);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireDateModerated {
-	font-size: var(--font-size-newswire);
-	font-weight: bold;
-	color: var(--newswire-date-moderated-color);
-	float: right;
+        font-size: var(--font-size-newswire);
+        font-weight: bold;
+        color: var(--newswire-date-moderated-color);
+        float: right;
     }
     .newswireItemVotedOn a:link {
-	background: var(--newswire-voted-background-color);
+        background: var(--newswire-voted-background-color);
     }
     .newswireItemVotedOn {
-	font-size: var(--font-size-newswire);
-	font-weight: bold;
-	color: var(--column-right-fg-color-voted-on);    
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire);
+        font-weight: bold;
+        color: var(--column-right-fg-color-voted-on);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireDate {
-	font-size: var(--font-size-newswire);
-	color: var(--newswire-date-color);
-	float: right;
+        font-size: var(--font-size-newswire);
+        color: var(--newswire-date-color);
+        float: right;
     }
     .newswireDateVotedOn {
-	font-size: var(--font-size-newswire);
-	font-weight: bold;
-	color: var(--column-right-fg-color-voted-on);    
-	float: right;
+        font-size: var(--font-size-newswire);
+        font-weight: bold;
+        color: var(--column-right-fg-color-voted-on);
+        float: right;
     }
     .imageAnchorMobile img{
         display: none;
@@ -1545,6 +1545,7 @@ aside .toggle-inside li {
         background: var(--main-bg-color);
         width: var(--column-right-icon-size);
         float: right;
+        margin: 20px 0px;
     }
     .rightColImg {
         background: var(--main-bg-color);
@@ -1553,40 +1554,40 @@ aside .toggle-inside li {
         padding: 0 0;
     }
     .newswireItem {
-	font-size: var(--font-size-newswire-mobile);
-	color: var(--column-right-fg-color);
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire-mobile);
+        color: var(--column-right-fg-color);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireItemModerated {
-	font-size: var(--font-size-newswire-mobile);
-	color: var(--newswire-item-moderated-color);
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire-mobile);
+        color: var(--newswire-item-moderated-color);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireDateModerated {
-	font-size: var(--font-size-newswire-mobile);
-	font-weight: bold;
-	color: var(--newswire-date-moderated-color);
-	float: right;
+        font-size: var(--font-size-newswire-mobile);
+        font-weight: bold;
+        color: var(--newswire-date-moderated-color);
+        float: right;
     }
     .newswireItemVotedOn a:link {
-	background: var(--newswire-voted-background-color);
+        background: var(--newswire-voted-background-color);
     }
     .newswireItemVotedOn {
-	font-size: var(--font-size-newswire-mobile);
-	font-weight: bold;
-	color: var(--column-right-fg-color-voted-on);    
-	line-height: var(--line-spacing-newswire);
+        font-size: var(--font-size-newswire-mobile);
+        font-weight: bold;
+        color: var(--column-right-fg-color-voted-on);
+        line-height: var(--line-spacing-newswire);
     }
     .newswireDate {
-	font-size: var(--font-size-newswire-mobile);
-	color: var(--newswire-date-color);
-	float: right;
+        font-size: var(--font-size-newswire-mobile);
+        color: var(--newswire-date-color);
+        float: right;
     }
     .newswireDateVotedOn {
-	font-size: var(--font-size-newswire-mobile);
-	font-weight: bold;
-	color: var(--column-right-fg-color-voted-on);    
-	float: right;
+        font-size: var(--font-size-newswire-mobile);
+        font-weight: bold;
+        color: var(--column-right-fg-color-voted-on);
+        float: right;
     }
     .imageAnchorMobile img{
         display: inline;