From 2686fcdd1df6c4505f0becd575acf2031ab0dd98 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Sat, 5 Sep 2020 13:06:52 +0100
Subject: [PATCH] Positioning of likes count

---
 epicyon-profile.css | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index e18fa067b..2264d2121 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -26,7 +26,8 @@
     --font-size3: 38px;
     --font-size4: 22px;
     --font-size5: 20px;
-    --font-size-likes: 16px;
+    --font-size-likes: 20px;
+    --font-size-likes-mobile: 32px;
     --font-size-pgp-key: 16px;
     --font-size-pgp-key2: 8px;
     --font-size-tox: 16px;
@@ -139,12 +140,6 @@ a:focus {
     float: right;
 }
 
-.likesCount {
-    font-size: var(--font-size-likes);
-    font-family: Arial, Helvetica, sans-serif;
-    float: right;
-}
-
 .about {
     font-size: var(--font-size5);
     font-family: Arial, Helvetica, sans-serif;
@@ -887,6 +882,14 @@ aside .toggle-inside li {
 }
 
 @media screen and (min-width: 400px) {
+    .likesCount {
+        font-size: var(--font-size-likes-mobile);
+        font-family: Arial, Helvetica, sans-serif;
+        float: right;
+        padding: 32px 0;
+	transform: translateX(-20px);
+        font-weight: bold;
+    }
     .container p.administeredby {
         font-size: var(--font-size-header);
         font-family: Arial, Helvetica, sans-serif;
@@ -1328,6 +1331,14 @@ aside .toggle-inside li {
 }
 
 @media screen and (max-width: 1000px) {
+    .likesCount {
+        font-size: var(--font-size-likes);
+        font-family: Arial, Helvetica, sans-serif;
+        float: right;
+        padding: 10px 0;
+	transform: translateX(-20px);
+        font-weight: bold;
+    }
     .container p.administeredby {
         font-size: var(--font-size-tox2);
         font-family: Arial, Helvetica, sans-serif;