feat: display emote's author name

1 files changed, 20 insertions, 2 deletions

diff --git a/public/static/style.css b/public/static/style.css
index 0183846..ae4574f 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -303,8 +303,8 @@ button.purple:hover,
 }
 
 .box.emote {
-    width: 90px;
-    height: 90px;
+    width: 96px;
+    height: 96px;
 
     display: flex;
     flex-direction: column;
@@ -316,9 +316,27 @@ button.purple:hover,
     overflow: hidden;
 }
 
+.box.emote:has(p) h1 {
+    margin-top: 4px;
+    line-height: 0;
+}
+
+.box.emote h1 {
+    font-size: 16px;
+    font-weight: 600;
+}
+
 .box.emote p {
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: 10px;
+}
+
+.box.emote img {
+    max-width: 64px;
+    max-height: 64px;
+    margin-top: auto;
+    margin-bottom: auto;
 }
 
 a.box {