From d28f287173d6f8ee9fe2a5c15520d426b16c7172 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Tue, 28 Nov 2023 11:21:52 +0200
Subject: [PATCH] new note btn circular

---
 .../src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx   | 2 +-
 packages/app/src/Element/Event/NoteCreatorButton.tsx        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx b/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
index c06584e4..b355694e 100644
--- a/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
+++ b/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { removeUndefined, unwrap } from "@snort/shared";
+import { unwrap } from "@snort/shared";
 import { NostrEvent, OkResponse } from "@snort/system";
 
 import AsyncButton from "@/Element/AsyncButton";
diff --git a/packages/app/src/Element/Event/NoteCreatorButton.tsx b/packages/app/src/Element/Event/NoteCreatorButton.tsx
index b569791f..0ce14143 100644
--- a/packages/app/src/Element/Event/NoteCreatorButton.tsx
+++ b/packages/app/src/Element/Event/NoteCreatorButton.tsx
@@ -60,7 +60,11 @@ export const NoteCreatorButton = ({
       {!shouldHideNoteCreator && (
         <button
           ref={buttonRef}
-          className={classNames("flex flex-row items-center primary rounded-full", { circle: !showText }, className)}
+          className={classNames(
+            "aspect-square flex flex-row items-center primary rounded-full",
+            { "xl:aspect-auto": showText },
+            className,
+          )}
           onClick={() =>
             update(v => {
               v.replyTo = undefined;