From d99717295899caa43f9d71b2de3f29fc3e6b836b Mon Sep 17 00:00:00 2001
From: verbiricha <bandarra@protonmail.com>
Date: Wed, 2 Aug 2023 19:18:20 +0200
Subject: [PATCH] fix: emoji pack button size

---
 src/element/emoji-pack.css | 2 +-
 src/element/emoji-pack.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/element/emoji-pack.css b/src/element/emoji-pack.css
index a60f7b8..e48f5de 100644
--- a/src/element/emoji-pack.css
+++ b/src/element/emoji-pack.css
@@ -4,7 +4,7 @@
 
 .emoji-pack .emoji-pack-title {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
 }
 
diff --git a/src/element/emoji-pack.tsx b/src/element/emoji-pack.tsx
index 59394f5..4213728 100644
--- a/src/element/emoji-pack.tsx
+++ b/src/element/emoji-pack.tsx
@@ -48,7 +48,9 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
         <h4>{name}</h4>
         {login?.pubkey && (
           <AsyncButton
-            className={`btn btn-primary ${isUsed ? "delete-button" : ""}`}
+            className={`btn btn-small btn-primary ${
+              isUsed ? "delete-button" : ""
+            }`}
             onClick={toggleEmojiPack}
           >
             {isUsed ? "Remove" : "Add"}