diff --git a/.dist/message.js b/.dist/message.js index 0ccf5b9..dd4301b 100644 --- a/.dist/message.js +++ b/.dist/message.js @@ -385,11 +385,11 @@ class Message { } const emoji = document.createElement("p"); emoji.textContent = thing.emoji.name; - reaction.append(emoji); const count = document.createElement("p"); count.textContent = "" + thing.count; count.classList.add("reactionCount"); reaction.append(count); + reaction.append(emoji); reactdiv.append(reaction); reaction.onclick = _ => { this.reactionToggle(thing.emoji.name); diff --git a/webpage/message.ts b/webpage/message.ts index 1f68f6a..5ab9df0 100644 --- a/webpage/message.ts +++ b/webpage/message.ts @@ -389,11 +389,12 @@ class Message{ } const emoji=document.createElement("p"); emoji.textContent=thing.emoji.name; - reaction.append(emoji); + const count=document.createElement("p"); count.textContent=""+thing.count; count.classList.add("reactionCount"); reaction.append(count); + reaction.append(emoji); reactdiv.append(reaction); reaction.onclick=_=>{ diff --git a/webpage/style.css b/webpage/style.css index 8ec08fe..84ba3c5 100644 --- a/webpage/style.css +++ b/webpage/style.css @@ -1583,14 +1583,16 @@ form div{ flex-grow: 1; } .reactionCount{ - position:absolute; + /* position:absolute; */ font-size:.125in; padding:0 .01in; - bottom:-.03in; - left:-.03in; - background: var(--channels-bg); - border:solid var(--black) .021in; - border-radius:.05in; + /* bottom:-.03in; */ + /* left:-.03in; */ + /* background: var(--channels-bg); */ + /* border:solid var(--black) .021in; */ + /* border-radius:.05in; */ + padding-left: .02in; + padding-right: .05in; } .reactiondiv{ @@ -1600,19 +1602,20 @@ form div{ } .reaction{ cursor:pointer; - width:.25in; + /* width:.25in; */ position:relative; - height:.25in; + /* height:.25in; */ display:flex; flex-direction: row; align-content: stretch; background: var(--profile-info-bg); border-radius:.05in; - justify-content: space-evenly; border:solid var(--black); margin-right:.05in; p{ flex-grow:0; - flex-shrink:0; + flex-shrink:0; } +; + padding: .03in; } \ No newline at end of file