From 048dae8ce80d6a5e72371159839a950da94bc612 Mon Sep 17 00:00:00 2001
From: Shawn <shawn@gskinner.com>
Date: Thu, 27 Oct 2022 10:25:13 -0600
Subject: [PATCH] Stying tweaks

---
 lib/styles/styles.dart                          | 4 +++-
 lib/ui/app_scaffold.dart                        | 2 +-
 lib/ui/screens/editorial/editorial_screen.dart  | 2 +-
 lib/ui/screens/wonder_events/wonder_events.dart | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/lib/styles/styles.dart b/lib/styles/styles.dart
index 318eb28c..76c69092 100644
--- a/lib/styles/styles.dart
+++ b/lib/styles/styles.dart
@@ -156,7 +156,9 @@ class _Corners {
 
 // TODO: add, @immutable when design is solidified
 class _Sizes {
-  double get maxContentWidth => 800;
+  double get maxContentWidth1 => 800;
+  double get maxContentWidth2 => 600;
+  double get maxContentWidth3 => 400;
   final Size minAppSize = Size(450, 600);
 }
 
diff --git a/lib/ui/app_scaffold.dart b/lib/ui/app_scaffold.dart
index 37035772..454c16b3 100644
--- a/lib/ui/app_scaffold.dart
+++ b/lib/ui/app_scaffold.dart
@@ -9,8 +9,8 @@ class WondersAppScaffold extends StatelessWidget with GetItMixin {
   Widget build(BuildContext context) {
     Animate.defaultDuration = $styles.times.fast;
     // Listen to the device size, and update AppStyle when it changes
-    //$styles = AppStyle(appSize: null); //Size(context.widthPx, context.heightPx));
     $styles = AppStyle(appSize: Size(context.widthPx, context.heightPx));
+    //$styles = AppStyle(appSize: null); //Size(context.widthPx, context.heightPx));
     return Stack(
       key: ValueKey($styles.scale),
       children: [
diff --git a/lib/ui/screens/editorial/editorial_screen.dart b/lib/ui/screens/editorial/editorial_screen.dart
index d01f5313..1744c43c 100644
--- a/lib/ui/screens/editorial/editorial_screen.dart
+++ b/lib/ui/screens/editorial/editorial_screen.dart
@@ -105,7 +105,7 @@ class _WonderEditorialScreenState extends State<WonderEditorialScreen> {
               /// Scrolling content - Includes an invisible gap at the top, and then scrolls over the illustration
               TopCenter(
                 child: SizedBox(
-                  width: $styles.sizes.maxContentWidth,
+                  width: $styles.sizes.maxContentWidth1,
                   child: CustomScrollView(
                     primary: false,
                     controller: _scroller,
diff --git a/lib/ui/screens/wonder_events/wonder_events.dart b/lib/ui/screens/wonder_events/wonder_events.dart
index 22c56277..83e09776 100644
--- a/lib/ui/screens/wonder_events/wonder_events.dart
+++ b/lib/ui/screens/wonder_events/wonder_events.dart
@@ -30,7 +30,7 @@ class WonderEvents extends StatelessWidget {
           bottom: false,
           child: Center(
             child: SizedBox(
-              width: $styles.sizes.maxContentWidth,
+              width: $styles.sizes.maxContentWidth1,
               child: Stack(
                 children: [
                   /// Top content, sits underneath scrolling list