Add fallback image sizes

2 files changed, 3 insertions, 1 deletions

diff --git a/lib/render.js b/lib/render.js
index 36dba2f..aa2a6da 100644
--- a/lib/render.js
+++ b/lib/render.js
@@ -76,6 +76,7 @@ Render.prototype.emoji = function (emoji) {
     h('img.ssb-emoji', {
       src: this.opts.emoji_base + emoji + '.png',
       alt: name,
+      height: 17,
       title: name,
     }) : name
 }
@@ -166,6 +167,7 @@ Render.prototype.avatarImage = function (link, cb) {
   if (!link) return cb(), ''
   if (typeof link === 'string') link = {link: link}
   var img = h('img.ssb-avatar-image', {
+    width: 72,
     alt: ' '
   })
   if (link.image) gotAbout(null, link)
diff --git a/lib/serve.js b/lib/serve.js
index 183c8c3..8e63ff5 100644
--- a/lib/serve.js
+++ b/lib/serve.js
@@ -1384,7 +1384,7 @@ Serve.prototype.composer = function (opts, cb) {
             h('code', '@' + mention.name), ': ',
             h('input', {name: 'mention_name', type: 'hidden',
               value: mention.name}),
-            h('input.id-input', {name: 'mention_id',
+            h('input.id-input', {name: 'mention_id', size: 60,
               value: mention.id, placeholder: 'id'}))
         }))
       ] : '',