Prevent votes from overflowing.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🐌",
-	"previous": "&6oHPQCA26v+4nBXv+YUdCT43j2DpXDspxhHSSRydkiw=.sha256"
+	"previous": "&7L314QLuVl8kNbFIWuXXeLqIVefUe5S66WvEmOMQb2U=.sha256"
 }

apps/ssb/tf-message.js

@@ -73,18 +73,22 @@ class TfMessageElement extends LitElement {
 			}
 		}
 		if (this.message?.votes?.length) {
-			return html`<div class="w3-button" @click=${this.show_reactions}>
+			return html`
-				${(this.message.votes || []).map(
+			<div class="w3-container">
-					(vote) => html`
+				<div class="w3-button w3-bar w3-padding-small" @click=${this.show_reactions}>
-						<span
+					${(this.message.votes || []).map(
-							title="${this.users[vote.author]?.name ?? vote.author} ${new Date(
+						(vote) => html`
-								vote.timestamp
+							<span
-							)}"
+								class="w3-bar-item w3-padding-small"
-						>
+								title="${this.users[vote.author]?.name ?? vote.author} ${new Date(
-							${normalize_expression(vote.content.vote.expression)}
+									vote.timestamp
-						</span>
+								)}"
-					`
+							>
-				)}
+								${normalize_expression(vote.content.vote.expression)}
+							</span>
+						`
+					)}
+				</div>
 			</div>`;
 		}
 	}