From 88adccf2e73833e3b097239e5f1c572d55c72e14 Mon Sep 17 00:00:00 2001
From: Ozzie Gooen <ozzieagooen@gmail.com>
Date: Wed, 1 Jun 2022 20:04:50 -0700
Subject: [PATCH] Added max widths to settings pages

---
 packages/components/src/components/SquigglePlayground.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/components/SquigglePlayground.tsx b/packages/components/src/components/SquigglePlayground.tsx
index 53da8f92..97b3604d 100644
--- a/packages/components/src/components/SquigglePlayground.tsx
+++ b/packages/components/src/components/SquigglePlayground.tsx
@@ -198,7 +198,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
   };
 
   let samplingSettings = (
-    <div className="space-y-6 p-3">
+    <div className="space-y-6 p-3 max-w-xl">
       <InputItem label="Sample Count">
         <>
           <input
@@ -229,7 +229,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
   );
 
   let viewSettings = (
-    <div className="space-y-6 divide-y divide-gray-200">
+    <div className="space-y-6 p-3 divide-y divide-gray-200 max-w-xl">
       <div className="space-y-2">
         <h3 className="text-lg leading-6 font-medium text-gray-900 pb-2">
           General Display Settings
@@ -331,7 +331,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
   );
 
   let inputVariableSettings = (
-    <>
+    <div className="space-y-6 p-3 max-w-3xl">
       <h3 className="text-lg leading-6 font-medium text-gray-900">
         Import Variables from JSON
       </h3>
@@ -360,7 +360,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
           </ErrorAlert>
         )}
       </div>
-    </>
+    </div>
   );
 
   return (