From f01967f6e19541c97cf403f03e5bb4d8bf68a43a Mon Sep 17 00:00:00 2001
From: "Amy J. Ko" <ajko@uw.edu>
Date: Sun, 22 Sep 2024 14:57:30 -0700
Subject: [PATCH] A few accessibility improvements to layout.

---
 src/app.html                      | 11 -----------
 src/components/app/Page.svelte    |  8 ++------
 src/db/firebase.ts                |  4 +++-
 src/routes/project/+layout.svelte |  7 ++-----
 4 files changed, 7 insertions(+), 23 deletions(-)

diff --git a/src/app.html b/src/app.html
index 8d721b3ed..0a9283225 100644
--- a/src/app.html
+++ b/src/app.html
@@ -357,17 +357,6 @@
                 background: var(--wordplay-alternating-color);
             }
 
-            .firebase-emulator-warning {
-                top: 0 !important;
-                right: 1% !important;
-                bottom: auto !important;
-                left: 99% !important;
-                font-family: var(--wordplay-app-font) !important;
-                font-size: 4pt;
-                color: var(--wordplay-error) !important;
-                background: var(--wordplay-error) !important;
-            }
-
             noscript {
                 display: flex;
                 align-items: center;
diff --git a/src/components/app/Page.svelte b/src/components/app/Page.svelte
index 4b62aa109..3d302b35d 100644
--- a/src/components/app/Page.svelte
+++ b/src/components/app/Page.svelte
@@ -79,12 +79,8 @@
 
 <style>
     .page {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        width: 100vw;
+        height: 100vh;
         display: flex;
         flex-direction: column;
     }
diff --git a/src/db/firebase.ts b/src/db/firebase.ts
index 21726fc3c..32a97e01f 100644
--- a/src/db/firebase.ts
+++ b/src/db/firebase.ts
@@ -60,7 +60,9 @@ if (typeof process === 'undefined') {
         // Initialize emulator if environment is local.
         if (emulating) {
             connectFirestoreEmulator(firestore, 'localhost', 8080);
-            connectAuthEmulator(auth, 'http://localhost:9099');
+            connectAuthEmulator(auth, 'http://localhost:9099', {
+                disableWarnings: true,
+            });
             connectFunctionsEmulator(functions, 'localhost', 5001);
         }
     } catch (err) {
diff --git a/src/routes/project/+layout.svelte b/src/routes/project/+layout.svelte
index dfc6a35be..2f092ae93 100644
--- a/src/routes/project/+layout.svelte
+++ b/src/routes/project/+layout.svelte
@@ -4,10 +4,7 @@
     .project {
         display: flex;
         flex-direction: row;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        width: 100vw;
+        height: 100vh;
     }
 </style>