ssb: Remove some unintended whitespace at the bottom of messages.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&0QeFKi0qJk/VYLOxeIURs5nQCvkJs6DeiN3u5G4MW8w=.sha256"
+	"previous": "&2puSQK+3qQAGKmx7M5aYWWgGe7+zdOvtoT67Azb76BM=.sha256"
 }

apps/ssb/tf-message.js

@@ -97,9 +97,10 @@ class TfMessageElement extends LitElement {
 			}
 		}
 		if (this.message?.votes?.length) {
-			return html` <div class="w3-container">
+			return html` <footer class="w3-container">
 				<div
-					class="w3-button w3-bar w3-padding-small"
+					class="w3-button w3-bar"
+					style="padding: 0"
 					@click=${this.show_reactions}
 				>
 					${(this.message.votes || []).map(
@@ -114,7 +115,7 @@ class TfMessageElement extends LitElement {
 						`
 					)}
 				</div>
-			</div>`;
+			</footer>`;
 		}
 	}
 
@@ -157,7 +158,12 @@ class TfMessageElement extends LitElement {
 	}
 
 	react(event) {
-		emojis.picker((x) => this.vote(x), null, this.whoami, this.recent_reactions);
+		emojis.picker(
+			(x) => this.vote(x),
+			null,
+			this.whoami,
+			this.recent_reactions
+		);
 	}
 
 	show_image(link) {
@@ -548,6 +554,7 @@ class TfMessageElement extends LitElement {
 		let reply =
 			this.drafts[this.message?.id] !== undefined
 				? html`
+						<div class="w3-section w3-container">
 							<tf-compose
 								whoami=${this.whoami}
 								.users=${this.users}
@@ -558,10 +565,11 @@ class TfMessageElement extends LitElement {
 								author=${this.message.author}
 								.recent_reactions=${this.recent_reactions}
 							></tf-compose>
+						</div>
 					`
 				: undefined;
 		return html`
-			<div class="w3-section w3-container">${reply}</div>
+			${reply}
 			<footer>${this.render_children()}</footer>
 		`;
 	}