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
}
}