From ab91c20ae886fa1b460a073fb2e5414ebb00514d Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Tue, 23 Apr 2024 18:11:51 +0200
Subject: [PATCH] [frontend] fix sizing of custom reactions

---
 Iceshrimp.Frontend/Components/NoteReaction.razor     | 2 +-
 Iceshrimp.Frontend/Components/NoteReaction.razor.css | 7 +++++++
 Iceshrimp.Frontend/wwwroot/css/app.css               | 4 ++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/Iceshrimp.Frontend/Components/NoteReaction.razor b/Iceshrimp.Frontend/Components/NoteReaction.razor
index b1e00901..dfb249dc 100644
--- a/Iceshrimp.Frontend/Components/NoteReaction.razor
+++ b/Iceshrimp.Frontend/Components/NoteReaction.razor
@@ -7,7 +7,7 @@
     }
     @if (Reaction.Url != null)
     {
-        <img src="@Reaction.Url" alt="@Reaction.Name"/>
+        <img class="custom-reaction" src="@Reaction.Url" alt="@Reaction.Name"/>
     }
     </span>
     <span class="count">
diff --git a/Iceshrimp.Frontend/Components/NoteReaction.razor.css b/Iceshrimp.Frontend/Components/NoteReaction.razor.css
index 14fe6244..2a930d4f 100644
--- a/Iceshrimp.Frontend/Components/NoteReaction.razor.css
+++ b/Iceshrimp.Frontend/Components/NoteReaction.razor.css
@@ -1,3 +1,10 @@
 .reaction {
     margin-right: 0.5em;
+}
+.custom-reaction{
+    width: 1em;
+}
+.icon {
+    font-size: 1.5em;
+    vertical-align: middle;
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/wwwroot/css/app.css b/Iceshrimp.Frontend/wwwroot/css/app.css
index 4f2f66cb..03d5a091 100644
--- a/Iceshrimp.Frontend/wwwroot/css/app.css
+++ b/Iceshrimp.Frontend/wwwroot/css/app.css
@@ -66,6 +66,10 @@ menu {
     padding: 0;
 }
 
+dialog {
+    border: 0;
+}
+
 button {
     border-radius: 8px;
     border: 0;