diff --git a/src/element/NoteReaction.css b/src/element/NoteReaction.css
index ecc03962..e5e9ec83 100644
--- a/src/element/NoteReaction.css
+++ b/src/element/NoteReaction.css
@@ -3,10 +3,10 @@
}
.reaction > .note {
- margin: 5px;
+ margin: 10px 20px;
border: 1px solid var(--gray);
border-radius: 10px;
- padding: 5px;
+ padding: 10px;
}
.reaction > .header > .pfp {
@@ -21,3 +21,8 @@
color: #999;
font-size: small;
}
+
+.reaction .reaction-text {
+ margin-left: .2em;
+ color: var(--gray-light);
+}
diff --git a/src/element/NoteReaction.js b/src/element/NoteReaction.js
index 8f85a64d..74288505 100644
--- a/src/element/NoteReaction.js
+++ b/src/element/NoteReaction.js
@@ -40,8 +40,8 @@ export default function NoteReaction(props) {
function tagLine() {
switch (ev.Kind) {
- case EventKind.Reaction: return Reacted with {mapReaction(ev.Content)};
- case EventKind.Repost: return Reposted
+ case EventKind.Reaction: return reacted with {mapReaction(ev.Content)};
+ case EventKind.Repost: return reposted
}
}
diff --git a/src/pages/ProfilePage.css b/src/pages/ProfilePage.css
index 22812eee..507cff90 100644
--- a/src/pages/ProfilePage.css
+++ b/src/pages/ProfilePage.css
@@ -64,6 +64,22 @@
background-image: var(--img-url), var(--nostrplebs-gradient);
}
+.profile .avatar[data-domain="nostrpurple.com"] {
+ background-image: var(--img-url), var(--nostrplebs-gradient);
+}
+
+.profile .avatar[data-domain="nostr.fan"] {
+ background-image: var(--img-url), var(--nostrplebs-gradient);
+}
+
+.profile .avatar[data-domain="nostrich.zone"] {
+ background-image: var(--img-url), var(--nostrplebs-gradient);
+}
+
+.profile .avatar[data-domain="nostriches.net"] {
+ background-image: var(--img-url), var(--nostrplebs-gradient);
+}
+
.profile .name {
display: flex;
flex-direction: column;