From 3c60f8ca06fffcb9b7db9e4773301619cea4bc6a Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Tue, 15 Apr 2025 12:42:13 -0400
Subject: [PATCH] ssb: Whitespace around nested messages.

---
 apps/ssb.json          |  2 +-
 apps/ssb/tf-message.js | 30 ++++++++++++++++--------------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index 179f1103..5254762d 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&mHXzUyx8vCpgyzOdGjGQlL1qrbsoc32knUR066aIzTM=.sha256"
+	"previous": "&jko2iokTaY2t/pD9m4ekMr0wsLjov3LVl9ShysXEjkE=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 08290d0b..112c1164 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -321,20 +321,22 @@ class TfMessageElement extends LitElement {
 					`;
 			} else {
 				return html`
-					${repeat(
-						this.message.child_messages || [],
-						(x) => x.id,
-						(x) =>
-							html`<tf-message
-								.message=${x}
-								whoami=${this.whoami}
-								.users=${this.users}
-								.drafts=${this.drafts}
-								.expanded=${this.expanded}
-								channel=${this.channel}
-								channel_unread=${this.channel_unread}
-							></tf-message>`
-					)}
+					<div class="w3-container w3-margin-bottom">
+						${repeat(
+							this.message.child_messages || [],
+							(x) => x.id,
+							(x) =>
+								html`<tf-message
+									.message=${x}
+									whoami=${this.whoami}
+									.users=${this.users}
+									.drafts=${this.drafts}
+									.expanded=${this.expanded}
+									channel=${this.channel}
+									channel_unread=${this.channel_unread}
+								></tf-message>`
+						)}
+					</div>
 					<button
 						class="w3-button w3-theme-d1 w3-block w3-bar"
 						style="box-sizing: border-box"