From 455bf0fe37a2944df730874c9f6db49fd430db9e Mon Sep 17 00:00:00 2001
From: Jens Luedicke <jens@luedicke.me>
Date: Mon, 14 Jul 2025 10:38:50 +0200
Subject: [PATCH] Fix splash screen not filling viewport on desktop screens

- Override main-content max-width restriction for non-logged-in users
- Ensure all splash sections have full width with no margins
- Add explicit margin resets to prevent inheritance issues
- Content within sections maintains proper max-width for readability
---
 static/css/splash.css | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/static/css/splash.css b/static/css/splash.css
index 8984f99..204c3a8 100644
--- a/static/css/splash.css
+++ b/static/css/splash.css
@@ -2,9 +2,31 @@
 
 /* Reset for splash page */
 .splash-container {
-    margin: -2rem -2rem 0 -2rem;
+    margin: 0;
     padding: 0;
     font-family: inherit;
+    width: 100%;
+}
+
+/* Override main-content restrictions for splash page */
+body:not(.has-user) .main-content {
+    max-width: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    width: 100% !important;
+}
+
+/* Ensure splash container takes full width */
+body:not(.has-user) {
+    overflow-x: hidden;
+}
+
+/* Remove any container restrictions on sections */
+.splash-container section {
+    width: 100%;
+    max-width: none;
 }
 
 /* Hero Section */
@@ -180,6 +202,8 @@
 .features-grid {
     padding: 5rem 2rem;
     background: #f8f9fa;
+    width: 100%;
+    margin: 0;
 }
 
 .section-title {
@@ -210,6 +234,9 @@
     gap: 2rem;
     max-width: 1200px;
     margin: 0 auto;
+    width: 100%;
+    padding: 0 2rem;
+    box-sizing: border-box;
 }
 
 .feature-card {
@@ -259,6 +286,8 @@
     flex-wrap: wrap;
     gap: 2rem;
     position: relative;
+    width: 100%;
+    margin: 0;
 }
 
 /* Add subtle overlay for better text contrast */
@@ -309,6 +338,8 @@
 .testimonials {
     padding: 5rem 2rem;
     background: #f9fafb;
+    width: 100%;
+    margin: 0;
 }
 
 .testimonial-grid {
@@ -368,6 +399,8 @@
 .pricing {
     padding: 5rem 2rem;
     background: #f3f4f6;
+    width: 100%;
+    margin: 0;
 }
 
 .pricing-cards {
@@ -484,6 +517,8 @@
     color: white;
     padding: 5rem 2rem;
     text-align: center;
+    width: 100%;
+    margin: 0;
 }
 
 .final-cta h2 {