Tiny css cleanup

packages/components/src/components/SquigglePlayground.tsx

@@ -385,7 +385,7 @@ const SquigglePlayground: FC<PlaygroundProps> = ({
   );
 
   let withEditor = (
-    <div className="flex" style={{ height }}>
+    <div className="flex mt-1" style={{ height }}>
       <div className="w-1/2">
         <Tab.Panels>
           <Tab.Panel>
@@ -422,31 +422,33 @@ const SquigglePlayground: FC<PlaygroundProps> = ({
   );
 
   let withoutEditor = (
-    <Tab.Panels>
+    <div className="mt-3">
-      <Tab.Panel>
+      <Tab.Panels>
-        <SquiggleChart
+        <Tab.Panel>
-          squiggleString={squiggleString}
+          <SquiggleChart
-          environment={env}
+            squiggleString={squiggleString}
-          chartSettings={chartSettings}
+            environment={env}
-          height={vars.chartHeight}
+            chartSettings={chartSettings}
-          showTypes={vars.showTypes}
+            height={vars.chartHeight}
-          showControls={vars.showControls}
+            showTypes={vars.showTypes}
-          bindings={defaultBindings}
+            showControls={vars.showControls}
-          jsImports={imports}
+            bindings={defaultBindings}
-          showSummary={vars.showSummary}
+            jsImports={imports}
-        />
+            showSummary={vars.showSummary}
-      </Tab.Panel>
+          />
-      <Tab.Panel>{samplingSettings}</Tab.Panel>
+        </Tab.Panel>
-      <Tab.Panel>{viewSettings}</Tab.Panel>
+        <Tab.Panel>{samplingSettings}</Tab.Panel>
-      <Tab.Panel>{inputVariableSettings}</Tab.Panel>
+        <Tab.Panel>{viewSettings}</Tab.Panel>
-    </Tab.Panels>
+        <Tab.Panel>{inputVariableSettings}</Tab.Panel>
+      </Tab.Panels>
+    </div>
   );
 
   return (
     <SquiggleContainer>
       <Tab.Group>
         <div className="pb-4">
-          <Tab.List className="flex w-fit p-0.5 mt-2 mb-1 rounded-md bg-slate-100 hover:bg-slate-200">
+          <Tab.List className="flex w-fit p-0.5 mt-2 rounded-md bg-slate-100 hover:bg-slate-200">
             <StyledTab
               name={vars.showEditor ? "Code" : "Display"}
               icon={vars.showEditor ? CodeIcon : EyeIcon}