ssb: Move reply and react to the message % menu.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&r6gBoGYTO1yQXHLBPut0+iNd3NNFKPO/LXNV+F5+46M=.sha256"
+	"previous": "&YZCzXrfB6j+y0sXF4KspAibwjLsSCaMoB5rdO3mQl+Q=.sha256"
 }

apps/ssb/tf-message.js

@@ -431,6 +431,14 @@ class TfMessageElement extends LitElement {
 					>
 						Copy ID
 					</button>
+					${this.drafts[this.message?.id] === undefined ? html`
+						<button class="w3-button w3-bar-item" @click=${this.show_reply}>
+							⮢ Reply
+						</button>
+					` : undefined}
+					<button class="w3-button w3-bar-item w3-border-bottom" @click=${this.react}>
+						👍 React
+					</button>
 					${formats.map(
 						([format, name]) => html`
 							<button
@@ -530,17 +538,10 @@ class TfMessageElement extends LitElement {
 							author=${this.message.author}
 						></tf-compose>
 					`
-				: html`
+				: undefined;
-						<button class="w3-button w3-theme-d1" @click=${this.show_reply}>
-							Reply
-						</button>
-					`;
 		return html`
 			<div class="w3-section w3-container">
 				${reply}
-				<button class="w3-button w3-theme-d1" @click=${this.react}>
-					React
-				</button>
 				${this.render_children()}
 			</div>
 		`;