ssb: Place the message collapse better with the messages it collapses.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&ULwb8udTxSkqf+mcZ0NxJs6p/hGB03eQEEKzJvWO3fk=.sha256"
+	"previous": "&CvV0TK1E0a2bOQSvieNbxsJg0JHeuDNWBsL+vEJLoKs=.sha256"
 }

apps/ssb/tf-message.js

@@ -365,32 +365,34 @@ class TfMessageElement extends LitElement {
 				`;
 			} else {
 				return html` <ul class="w3-container w3-margin-bottom w3-ul w3-card-4">
-						${repeat(
+					${repeat(
-							this.message.child_messages || [],
+						this.message.child_messages || [],
-							(x) => x.id,
+						(x) => x.id,
-							(x) =>
+						(x) =>
-								html`<li style="padding: 0">
+							html`<li style="padding: 0">
-									<tf-message
+								<tf-message
-										.message=${x}
+									.message=${x}
-										whoami=${this.whoami}
+									whoami=${this.whoami}
-										.users=${this.users}
+									.users=${this.users}
-										.drafts=${this.drafts}
+									.drafts=${this.drafts}
-										.expanded=${this.expanded}
+									.expanded=${this.expanded}
-										channel=${this.channel}
+									channel=${this.channel}
-										channel_unread=${this.channel_unread}
+									channel_unread=${this.channel_unread}
-										.recent_reactions=${this.recent_reactions}
+									.recent_reactions=${this.recent_reactions}
-										depth=${this.depth + 1}
+									depth=${this.depth + 1}
-									></tf-message>
+								></tf-message>
-								</li>`
+							</li>`
-						)}
+					)}
-					</ul>
+					<li style="padding: 0" class="w3-margin-bottom">
-					<button
+						<button
-						class="w3-button w3-theme-d1 w3-block w3-bar"
+							class="w3-button w3-theme-d1 w3-block w3-bar"
-						style="box-sizing: border-box"
+							style="box-sizing: border-box"
-						@click=${() => self.set_expanded(false)}
+							@click=${() => self.set_expanded(false)}
-					>
+						>
-						Collapse
+							Collapse
-					</button>`;
+						</button>
+					</li>
+				</ul>`;
 			}
 		} else {
 			return undefined;