diff --git a/packages/app/src/Element/Nip05.tsx b/packages/app/src/Element/Nip05.tsx
index 1856c952..975a3482 100644
--- a/packages/app/src/Element/Nip05.tsx
+++ b/packages/app/src/Element/Nip05.tsx
@@ -62,7 +62,7 @@ const Nip05 = ({ nip05, pubkey, verifyNip = true }: Nip05Params) => {
{domain}
-
+
>
)}
diff --git a/packages/app/src/Element/Note.css b/packages/app/src/Element/Note.css
index fc6dff84..828caccf 100644
--- a/packages/app/src/Element/Note.css
+++ b/packages/app/src/Element/Note.css
@@ -73,6 +73,8 @@
align-items: center;
justify-content: center;
margin-left: auto;
+ gap: 1em;
+ padding-left: 0.8em;
}
@media (min-width: 720px) {
@@ -144,8 +146,6 @@
.reaction-pill {
display: flex;
- margin: 0px 7px;
- padding: 2px 4px;
min-width: 1rem;
align-items: center;
justify-content: center;
@@ -154,10 +154,6 @@
font-feature-settings: "tnum";
}
-.reaction-pill-icon {
- margin: auto;
-}
-
.reaction-pill .reaction-pill-number {
margin-left: 8px;
font-feature-settings: "tnum";
diff --git a/packages/app/src/Element/NoteFooter.tsx b/packages/app/src/Element/NoteFooter.tsx
index c41b15e0..989d5fcf 100644
--- a/packages/app/src/Element/NoteFooter.tsx
+++ b/packages/app/src/Element/NoteFooter.tsx
@@ -135,7 +135,7 @@ export default function NoteFooter(props: NoteFooterProps) {
return (
<>
fastZap(e)}>
-
{zapping ? : webln?.enabled ? : }
+ {zapping ?
: webln?.enabled ?
:
}
{zapTotal > 0 &&
{formatShort(zapTotal)}
}
>
@@ -147,9 +147,7 @@ export default function NoteFooter(props: NoteFooterProps) {
function repostIcon() {
return (
repost()}>
-
-
-
+
{reposts.length > 0 &&
{formatShort(reposts.length)}
}
);
@@ -164,9 +162,7 @@ export default function NoteFooter(props: NoteFooterProps) {
react(prefs.reactionEmoji)}>
-
-
-
+
{formatShort(positive.length)}
{repostIcon()}
@@ -257,7 +253,7 @@ export default function NoteFooter(props: NoteFooterProps) {
)}
{!bookmarked.includes(ev.Id) && (
)}
@@ -306,16 +302,12 @@ export default function NoteFooter(props: NoteFooterProps) {
{tipButton()}
{reactionIcons()}
setReply(s => !s)}>
-
-
-
+