From 7f87714b580dcdf3a1b3584cad9b5b5afd17aad8 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sun, 5 Jan 2025 21:43:26 -0500
Subject: [PATCH] ssb: Add some missing padding.

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

diff --git a/apps/ssb.json b/apps/ssb.json
index 749b5040..79ea4588 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&Fukja09hc/jieMnfbFnQft1drL5lIR/du8wUQTKDYXc=.sha256"
+	"previous": "&jbL9Ab+XdvWnZbb50yimceFHR7XFDfBSWv9/XrbZ82I=.sha256"
 }
diff --git a/apps/ssb/tf-message.js b/apps/ssb/tf-message.js
index 0b25e899..d8d48fe7 100644
--- a/apps/ssb/tf-message.js
+++ b/apps/ssb/tf-message.js
@@ -589,19 +589,18 @@ class TfMessageElement extends LitElement {
 				let image;
 				let description;
 				if (content.name !== undefined) {
-					name = html`<div class="w3-container">
+					name = html`<div>
 						<b>Name:</b> ${content.name}
 					</div>`;
 				}
 				if (content.image !== undefined) {
 					image = html`
-						<div class="w3-container"><img src=${'/' + (typeof content.image?.link == 'string' ? content.image.link : content.image) + '/view'} style="width: 256px; height: auto"></img></div>
+						<div><img src=${'/' + (typeof content.image?.link == 'string' ? content.image.link : content.image) + '/view'} style="width: 256px; height: auto"></img></div>
 					`;
 				}
 				if (content.description !== undefined) {
 					description = html`
 						<div
-							class="w3-container"
 							style="flex: 1 0 50%; overflow-wrap: anywhere"
 						>
 							<div>${unsafeHTML(tfutils.markdown(content.description))}</div>
@@ -610,15 +609,17 @@ class TfMessageElement extends LitElement {
 				}
 				let update =
 					content.about == this.message.author
-						? html`<div class="w3-container" style="font-weight: bold">
+						? html`<div style="font-weight: bold">
 								Updated profile.
 							</div>`
-						: html`<div class="w3-container" style="font-weight: bold">
+						: html`<div style="font-weight: bold">
 								Updated profile for
 								<tf-user id=${content.about} .users=${this.users}></tf-user>.
 							</div>`;
 				return this.render_small_frame(html`
-					${update} ${name} ${image} ${description}
+					<div class="w3-container">
+						<p>${update} ${name} ${image} ${description}</p>
+					</div>
 				`);
 			} else if (content.type == 'contact') {
 				return html`
@@ -757,10 +758,12 @@ class TfMessageElement extends LitElement {
 			} else if (content.type === 'channel') {
 				return this.render_small_frame(html`
 					<div class="w3-container">
+						<p>
 						${content.subscribed ? 'subscribed to' : 'unsubscribed from'}
 						<a href=${'#' + encodeURIComponent('#' + content.channel)}
 							>#${content.channel}</a
 						>
+						</p>
 					</div>
 				`);
 			} else if (typeof this.message.content == 'string') {