From ac5dc410d200ff77305f5c81ef647db4eb92d2e0 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@libreserver.org>
Date: Sun, 1 May 2022 11:09:55 +0100
Subject: [PATCH] Avatar icon style

---
 epicyon-blog.css    | 17 +++++------------
 epicyon-links.css   | 17 +++++------------
 epicyon-profile.css | 17 +++++------------
 3 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/epicyon-blog.css b/epicyon-blog.css
index 67acfbf67..cb8dd8427 100644
--- a/epicyon-blog.css
+++ b/epicyon-blog.css
@@ -583,6 +583,8 @@ input[type=submit]:hover {
 .timeline-avatar {
     margin: 10px auto;
     padding: 0px 0px;
+    width: 8%;
+    float: left;
 }
 
 .timeline-avatar-reply {
@@ -795,11 +797,8 @@ div.gallery img {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 8%;
-        height: 8%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .cwButton {
@@ -1151,11 +1150,8 @@ div.gallery img {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .cwButton {
@@ -1498,11 +1494,8 @@ div.gallery img {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .cwButton {
diff --git a/epicyon-links.css b/epicyon-links.css
index a45a1e4c6..a11ded320 100644
--- a/epicyon-links.css
+++ b/epicyon-links.css
@@ -584,6 +584,8 @@ input[type=submit]:hover {
 .timeline-avatar {
     margin: 10px auto;
     padding: 0px 0px;
+    width: 8%;
+    float: left;
 }
 
 .timeline-avatar:hover {
@@ -1054,11 +1056,8 @@ aside .toggle-inside li {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 8%;
-        height: 8%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {
@@ -1525,11 +1524,8 @@ aside .toggle-inside li {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {
@@ -1988,11 +1984,8 @@ aside .toggle-inside li {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {
diff --git a/epicyon-profile.css b/epicyon-profile.css
index 6269c9fd0..4c631c87d 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -887,6 +887,8 @@ input[type=submit]:hover {
 .timeline-avatar {
     margin: 10px auto;
     padding: 0px 0px;
+    width: 8%;
+    float: left;
 }
 
 .timeline-avatar:hover {
@@ -1473,11 +1475,8 @@ h3 {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 8%;
-        height: 8%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {
@@ -2230,11 +2229,8 @@ h3 {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {
@@ -2990,11 +2986,8 @@ h3 {
     }
     .timeline-avatar img {
         opacity: 1.0;
-        width: 15%;
-        height: 15%;
+        width: 100%;
         padding: 0px 0px;
-        -ms-transform: translateY(-10%);
-        transform: translateY(-10%);
         border-radius: var(--avatar-rounding);
     }
     .buttonevent {