From e1200b9af3f67214662acb80eb1c625b33a020d3 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@libreserver.org>
Date: Tue, 1 Mar 2022 14:52:17 +0000
Subject: [PATCH] Liker screen names in similar style to hashtag categories

---
 epicyon-profile.css | 23 +++++++++++++++++++++++
 webapp_likers.py    |  4 ++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index c770cdb4c..85f5508da 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -1,6 +1,11 @@
 @charset "UTF-8";
 
 :root {
+    --liker-names-margin: 2%;
+    --liker-names-size1: 30px;
+    --liker-names-size2: 40px;
+    --liker-names-vertical-spacing1: 50px;
+    --liker-names-vertical-spacing2: 100px;
     --pwa-theme-color: apple-mobile-web-app-status-bar-style;
     --pwa-theme-background-color: black-translucent;
     --avatar-rounding: 10%;
@@ -1078,6 +1083,12 @@ div.container {
         font-size: var(--font-size);
         color: var(--title-color);
     }
+    .likerNames {
+        font-size: var(--liker-names-size1);
+        font-family: Arial, Helvetica, sans-serif;
+        margin: var(--liker-names-margin);
+        line-height: var(--liker-names-vertical-spacing1);
+    }
     .profileHeader img.vcard {
         width: var(--vcard-icon-size);
         float: right;
@@ -1845,6 +1856,12 @@ div.container {
     blockquote {
         font-size: var(--quote-font-size-mobile);
     }
+    .likerNames {
+        font-size: var(--liker-names-size2);
+        font-family: Arial, Helvetica, sans-serif;
+        margin: var(--liker-names-margin);
+        line-height: var(--liker-names-vertical-spacing2);
+    }
     .profileHeader img.vcard {
         width: var(--vcard-icon-size-mobile);
         float: right;
@@ -2584,6 +2601,12 @@ div.container {
     blockquote {
         font-size: var(--quote-font-size-tiny);
     }
+    .likerNames {
+        font-size: var(--font-size2);
+        font-family: 'NimbusSanL';
+        margin: var(--liker-names-margin);
+        line-height: var(--liker-names-vertical-spacing2);
+    }
     .profileHeader img.vcard {
         width: var(--vcard-icon-size-tiny);
         float: right;
diff --git a/webapp_likers.py b/webapp_likers.py
index 1659c6261..088f69104 100644
--- a/webapp_likers.py
+++ b/webapp_likers.py
@@ -126,9 +126,9 @@ def html_likers_of_post(base_dir: str, nickname: str,
         else:
             liker_name = get_nickname_from_actor(liker_actor)
         if likers_list:
-            likers_list += ' '        
+            likers_list += ' '
         likers_list += \
-            '<label class="labels">' + \
+            '<label class="likerNames">' + \
             '<a href="' + liker_actor + '">' + liker_name + '</a>' + \
             '</label>'
     html_str += '<center>\n' + likers_list + '\n</center>\n'