Allow non-square avatars

2 files changed, 9 insertions, 14 deletions

diff --git a/lib/render-msg.js b/lib/render-msg.js
index 8285121..f51f936 100644
--- a/lib/render-msg.js
+++ b/lib/render-msg.js
@@ -307,18 +307,12 @@ RenderMsg.prototype.about = function (cb) {
     ['identifies ', h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10))],
     ' as ',
     this.c.name ? [h('ins', this.c.name), ' '] : '',
-    this.c.description ? h('div', {innerHTML: this.c.description}) : '',
-    img ? [
-      h('br'),
-      h('a', {href: this.toUrl(img)},
-      h('img', {
+    this.c.description ? h('div', {innerHTML: this.c.description}) : h('br'),
+    img ? h('a', {href: this.toUrl(img)},
+      h('img.ssb-avatar-image', {
         src: this.render.imageUrl(img),
-        alt: img,
-        width: 64,
-        height: 64,
-      })
-      )
-      ] : ''
+        alt: ' ',
+      })) : ''
   ], cb)
 }
 
diff --git a/static/styles.css b/static/styles.css
index bd804e8..a0e4e14 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -46,13 +46,14 @@ footer {
 
 .ssb-avatar-image {
   width: 2em;
-  height: 2em;
+  max-height: 2em;
   vertical-align: top;
 }
 
-.ssb-feed .ssb-avatar-image {
+.ssb-feed .ssb-avatar-image,
+.ssb-main .ssb-avatar-image {
   width: 4em;
-  height: 4em;
+  max-height: 8em;
 }
 
 h3.feed-name {