From e2a231fb4a9908c2dc962c61c1df1c9e5ec6d50e Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Mon, 2 Jun 2025 12:14:06 -0400
Subject: [PATCH] ssb: Consolidated contact message groups a bit too much.

---
 apps/ssb.json          |  2 +-
 apps/ssb/tf-message.js | 20 ++++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index a5e2d376..3a42be4b 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&R6lVyXLYem8Qkuhok/USflvzqw/ZgGic1aUsE23yzR0=.sha256"
+	"previous": "&08aLuFwq4TPRG2yO11MDX+2tdKcv1rgc2zLaBCB9fiE=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 8f61def2..031b7c0d 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -94,7 +94,9 @@ class TfMessageElement extends LitElement {
 				return '👎';
 			} else if (expression === 'heart') {
 				return '❤️';
-			} else if ((expression ?? '').split('').every((x) => x.charCodeAt(0) < 256)) {
+			} else if (
+				(expression ?? '').split('').every((x) => x.charCodeAt(0) < 256)
+			) {
 				return '👍';
 			} else {
 				return expression;
@@ -656,13 +658,15 @@ class TfMessageElement extends LitElement {
 					<div class="w3-padding">
 						${this.content_group_by_author().map(
 							(x) => html`
-								<tf-user id=${x.author} .users=${this.users}></tf-user>
-								${x.action}
-								${x.users.map(
-									(y) => html`
-										<tf-user id=${y} .users=${this.users}></tf-user>
-									`
-								)}
+								<div>
+									<tf-user id=${x.author} .users=${this.users}></tf-user>
+									${x.action}
+									${x.users.map(
+										(y) => html`
+											<tf-user id=${y} .users=${this.users}></tf-user>
+										`
+									)}
+								</div>
 							`
 						)}
 					</div>