better installed experience

runspired · runspired · commit ccdabae93cff · 2026-01-16T01:33:14.000-08:00
diff --git a/app/components/ui/hamburger-menu.css b/app/components/ui/hamburger-menu.css
@@ -72,6 +72,7 @@
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   animation: slideIn 0.3s ease forwards;
   border: 2px solid var(--title);
+  z-index: 1000;
 }
 
 /* Mobile: Full screen takeover */
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -12,6 +12,7 @@ html {
   padding: 0;
   margin: 0;
   font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  background: var(--theme-fall-beige);
 }
 
 /* 1. Default Light Mode */
@@ -122,6 +123,10 @@ body {
 
 /* 2. System Dark Mode (Automatic) */
 @media (prefers-color-scheme: dark) {
+  html {
+    background: var(--theme-fall-black);
+  }
+
   body {
     --bg-sky: var(--dark-theme-sky);
     --color-hill-back: var(--dark-theme-hill-back);
@@ -144,6 +149,10 @@ body {
 }
 
 /* 3. Manual Overrides (Highest Priority) */
+html.light-mode {
+  background: var(--theme-fall-beige);
+}
+
 body.light-mode {
   --bg-sky: var(--light-theme-sky);
   --color-hill-back: var(--light-theme-hill-back);
@@ -164,6 +173,10 @@ body.light-mode {
   background: #fff;
 }
 
+html.dark-mode {
+  background: var(--theme-fall-black);
+}
+
 body.dark-mode {
   --bg-sky: var(--dark-theme-sky);
   --color-hill-back: var(--dark-theme-hill-back);
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>The Bandits</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="description"
       content="Find Your Trail Friends! The Bandits are a Trail Running Community based in the SF Bay Area. Join us for group runs, social events, and more.">
 

Original file line number	Diff line number	Diff line change
`@@ -72,6 +72,7 @@`
`72`	`72`	`box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);`
`73`	`73`	`animation: slideIn 0.3s ease forwards;`
`74`	`74`	`border: 2px solid var(--title);`
	`75`	`+ z-index: 1000;`
`75`	`76`	`}`
`76`	`77`
`77`	`78`	`/* Mobile: Full screen takeover */`