fix style on safari

_includes/head.html

@@ -124,7 +124,8 @@
               }</span><a href="${reply.url}" class="reply-date">${new Date(
                 reply.published
               ).toLocaleDateString()}</a><div class="clear-both"></div>`;
-              const replyBlock = document.createElement("quote");
+              const replyBlock = document.createElement("div");
+              replyBlock.className = "reply-block";
               replyBlock.innerHTML = reply.content.html;
               replyBlock.insertBefore(author, replyBlock.firstChild);
               cell.appendChild(replyBlock);
@@ -141,16 +142,6 @@
             document.getElementById(
               "page-reposts"
             ).innerHTML = `• ${reposts.length} reposts`;
-
-          const others = mentions.filter(
-            (m) =>
-              m["wm-property"] !== "like-of" &&
-              m["wm-property"] !== "in-reply-to" &&
-              m["wm-property"] !== "repost-of"
-          );
-          console.log("others", others);
-
-          // console.log("mentions", mentions);
         })
         .catch((err) => console.log("err", err));
     } else {

_includes/replies-section.html

@@ -1,30 +1,27 @@
 <section id="replies"></section>
 
 <style>
-  quote {
+  .reply-block {
     display: block;
     margin: 1em 0;
     padding: 1em;
     border-left: 3px solid #ccc;
+  }
 
-    .author-wrapper {
-      display: block;
-      .reply-photo {
-        width: 2em;
-        height: 2em;
-        border-radius: 50%;
-        float: left;
-      }
+  .reply-photo {
+    width: 2em;
+    height: 2em;
+    border-radius: 50%;
+    float: left;
+  }
 
-      .reply-name,
-      .reply-date {
-        margin-left: 0.5em;
-        float: left;
-      }
+  .reply-name,
+  .reply-date {
+    margin-left: 0.5em;
+    float: left;
+  }
 
-      .reply-name {
-        font-weight: bold;
-      }
-    }
+  .reply-name {
+    font-weight: bold;
   }
 </style>