From f66c6ed0c364d85b05fa12e587a64aaa33bfb96b Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sun, 29 Dec 2024 15:11:14 -0500
Subject: [PATCH] ssb: Fiddle with the placement of the hamburger menu, and fix
 the tf-compose placeholder text.

---
 apps/ssb.json           |  2 +-
 apps/ssb/tf-compose.js  |  8 ++++++++
 apps/ssb/tf-tab-news.js | 16 ++++++++--------
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index a00345c6..17e4118e 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&o2PXeddklapw00HJmK23zXGnBv5UVpv+njzUVC7Xn5E=.sha256"
+	"previous": "&mPr1PL07/XaDJsYzy4NN1SddVMroTrV1WQncr8dcq8g=.sha256"
 }
diff --git a/apps/ssb/tf-compose.js b/apps/ssb/tf-compose.js
index 29677279..c02ba8dc 100644
--- a/apps/ssb/tf-compose.js
+++ b/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"
diff --git a/apps/ssb/tf-tab-news.js b/apps/ssb/tf-tab-news.js
index 8795ef14..c5b1357d 100644
--- a/apps/ssb/tf-tab-news.js
+++ b/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>