Add more mobile styling

1 files changed, 6 insertions, 8 deletions

diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index c337b3f..9fcdf41 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -63,6 +63,10 @@
     });
 </script>
 
+<svelte:head>
+    <title>understory</title>
+</svelte:head>
+
 {#if loading}
     <h2>Loading&hellip;</h2>
 {:else}
@@ -90,21 +94,19 @@
 
 <style>
 :root {
-    --app-bar-height: 5rem;
+    --app-bar-height: 68px;
     --input-row-height: 2rem;
 }
 
 #interface {
   margin: unset;
-  /* min-block-size: 100%;*/
   display: grid;
   grid-template: 
     'side main' 1fr
     / auto 1fr
   ;
   
-  @media (width > 50em) {
-    --toggle-display: none;
+  @media (width > 640px) {
     --overlay: static;
     --translate: 0;
   }
@@ -139,8 +141,4 @@ main {
 nav[data-expanded=false] {
   translate: var(--translate, -100% 0);
 }
-[aria-controls="sidebar"] {
-  display: var(--toggle-display, revert);
-}
-
 </style>