ssb: Move the search to an ever-present textbox on the menu bar.

apps/ssb/tf-tab-search.js

@@ -77,12 +77,6 @@ class TfTabSearchElement extends LitElement {
 		}
 	}
 
-	search_keydown(event) {
-		if (event.keyCode == 13) {
-			this.query = this.renderRoot.getElementById('search').value;
-		}
-	}
-
 	on_expand(event) {
 		if (event.detail.expanded) {
 			let expand = {};
@@ -146,14 +140,10 @@ class TfTabSearchElement extends LitElement {
 		}
 		let self = this;
 		return html`
-			<style>${generate_theme()}</style>
-			<div class="w3-padding">
-				<div style="display: flex; flex-direction: row; gap: 4px">
-					<input type="text" class="w3-input w3-theme-d1" id="search" value=${this.query} style="flex: 1" @keydown=${this.search_keydown}></input>
-					<button class="w3-button w3-theme-d1" @click=${(event) => self.search(self.renderRoot.getElementById('search').value)}>Search</button>
-				</div>
-				${this.render_results()}
-			</div>
+			<style>
+				${generate_theme()}
+			</style>
+			<div class="w3-padding">${this.render_results()}</div>
 		`;
 	}
 }