From 07186c2325b87da547a02dcdee812a8a5757d317 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Wed, 31 May 2023 23:51:44 +0200
Subject: [PATCH] style: avatar-block

---
 assets/js/webmention-utils.mjs | 1 +
 assets/main.scss               | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/js/webmention-utils.mjs b/assets/js/webmention-utils.mjs
index 66a1a00..45a4e42 100644
--- a/assets/js/webmention-utils.mjs
+++ b/assets/js/webmention-utils.mjs
@@ -76,6 +76,7 @@ function createAvatarBlock(mentions, headingText) {
   clearDiv.style.clear = "both";
 
   const avatarBlock = document.createElement("div");
+  avatarBlock.className = "avatar-block-wrapper";
   avatarBlock.append(clearDiv);
 
   const heading = document.createElement("h3");
diff --git a/assets/main.scss b/assets/main.scss
index f1b7487..49e0046 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -445,14 +445,17 @@ table.image caption {
       text-align: center;
     }
     margin: 2em 0;
-    max-width: fit-content;
+
+    .avatar-block-wrapper {
+      width: 100%;
+    }
 
     .avatar-block {
       display: inline-block;
       margin-bottom: 1.5em;
       margin-left: 15px;
       padding-left: 1.5em;
-      max-width: fit-content;
+      width: calc(100% - 1em);
       border-left: 3px solid rgba(34, 34, 34, 0.15);
 
       img {