ssb: Fiddle with the placement of the hamburger menu, and fix the tf-compose placeholder text.

apps/ssb.json

@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&o2PXeddklapw00HJmK23zXGnBv5UVpv+njzUVC7Xn5E=.sha256"
+	"previous": "&mPr1PL07/XaDJsYzy4NN1SddVMroTrV1WQncr8dcq8g=.sha256"
 }

apps/ssb/tf-compose.js

@@ -563,6 +563,14 @@ class TfComposeElement extends LitElement {
 						🔐
 					</button>`;
 		let result = html`
+			<style>
+				.w3-input:empty::before {
+					content: attr(placeholder);
+				}
+				.w3-input:empty:focus::before {
+					content: '';
+				}
+			</style>
 			<div
 				class="w3-card-4 w3-theme-d4 w3-padding-small"
 				style="box-sizing: border-box"

apps/ssb/tf-tab-news.js

@@ -239,13 +239,6 @@ class TfTabNewsElement extends LitElement {
 				class="w3-main"
 			>
 				<div style="padding: 8px">
-					<div
-						id="show_sidebar"
-						class="w3-left w3-button w3-hide-large"
-						@click=${this.show_sidebar}
-					>
-						&#9776;
-					</div>
 					<p>
 						${this.hash.startsWith('##')
 							? html`
@@ -260,7 +253,14 @@ class TfTabNewsElement extends LitElement {
 								`
 							: undefined}
 					</p>
-					<div class="w3-bar">
+					<div>
+						<div
+							id="show_sidebar"
+							class="w3-button w3-hide-large"
+							@click=${this.show_sidebar}
+						>
+							&#9776;
+						</div>
 						Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!
 						${edit_profile}
 					</div>