Better CSS for the ssb app to fill the iframe?

apps/ssb/tf-app.js

@@ -352,7 +352,7 @@ class TfElement extends LitElement {
 		};
 
 		let tabs = html`
-			<div class="w3-bar w3-theme-l1 min-height: 100%">
+			<div class="w3-bar w3-theme-l1">
 				${Object.entries(k_tabs).map(
 					([k, v]) => html`
 						<button
@@ -375,12 +375,14 @@ class TfElement extends LitElement {
 				: html`<div>Select or create an identity.</div>`
 			: this.render_tab();
 		return html`
-			<div style="padding: 8px" class="w3-theme-dark">
-				${this.render_id_picker()} ${tabs}
-				${this.tags.map(
-					(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
-				)}
-				${contents}
+			<div style="width: 100vw; min-height: 100vh; height: 100%" class="w3-theme-dark">
+				<div style="padding: 8px">
+					${this.render_id_picker()} ${tabs}
+					${this.tags.map(
+						(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
+					)}
+					${contents}
+				</div>
 			</div>
 		`;
 	}