From 7009de21f4fa3f1b14afed1e1d950895b063365d Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Tue, 30 May 2023 13:55:31 +0200
Subject: [PATCH] fix style on safari

---
 _includes/head.html            | 13 ++-----------
 _includes/replies-section.html | 33 +++++++++++++++------------------
 2 files changed, 17 insertions(+), 29 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 6aadeda..0846c0f 100644
--- a/_includes/head.html
+++ b/_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 {
diff --git a/_includes/replies-section.html b/_includes/replies-section.html
index 91dfb59..e2d6f2c 100644
--- a/_includes/replies-section.html
+++ b/_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>