From 011c2af97f6cd9fa7f8da1ee4614346d9536e874 Mon Sep 17 00:00:00 2001
From: tastytea <tastytea@tastytea.de>
Date: Sat, 2 Nov 2019 07:52:48 +0100
Subject: [PATCH] No inline-CSS in elements.

---
 mastodon-api-comments.html | 1 +
 mastodon-api-comments.js   | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/mastodon-api-comments.html b/mastodon-api-comments.html
index 5d5ee50..5698bb9 100644
--- a/mastodon-api-comments.html
+++ b/mastodon-api-comments.html
@@ -2,6 +2,7 @@
 {{ $status_id := .Get "status_id" | default "" }}
 
 {{ partial "mastodon-api-comments-scripts.html" . }}
+<style type="text/css">.mastodon-api-comment-avatar,.mastodon-api-comment-emoji{height:1em;}</style>
 <div id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></div>
 <noscript><p>Comments only work with JavaScript enabled.</p></noscript>
 <script type="application/javascript">
diff --git a/mastodon-api-comments.js b/mastodon-api-comments.js
index 879f6d8..85d6697 100644
--- a/mastodon-api-comments.js
+++ b/mastodon-api-comments.js
@@ -48,7 +48,7 @@ function write_comments(root, data)
         {
             content = content.replace(
                 ':' + emoji.shortcode + ':',
-                '<img style="height: 1em;" src="' + emoji.url + '">');
+                '<img class="mastodon-api-comment-emoji" src="' + emoji.url + '">');
         }
 
         const div = document.createElement("div");