Remove nonbreaking space from settings

Author: adrienthebo

components/dashboard/src/admin/Settings.tsx

@@ -14,7 +14,6 @@ import { adminMenu } from "./admin-menu";
 import { useEffect, useState } from "react";
 import InfoBox from "../components/InfoBox";
 import { isGitpodIo } from "../utils";
-import Separator from "../components/Separator";
 
 export default function Settings() {
     const { adminSettings, setAdminSettings } = useContext(AdminContext);
@@ -45,50 +44,58 @@ export default function Settings() {
                 title="Settings"
                 subtitle="Configure settings for your Gitpod cluster."
             >
-                <h3>Usage Statistics</h3>
-                <p className="text-base text-gray-500 pb-4 max-w-2xl">
-                    We collect usage telemetry to gain insights on how you use your Gitpod instance, so we can provide a
-                    better overall experience.{" "}
-                    <a className="gp-link" href="https://www.gitpod.io/privacy">
-                        Read our Privacy Policy
-                    </a>
-                </p>
-                <CheckBox
-                    title="Enable usage telemetry"
-                    desc={
-                        <span>
-                            Enable usage telemetry on your Gitpod instance. A preview of your telemetry is available
-                            below.
-                        </span>
-                    }
-                    checked={adminSettings?.sendTelemetry ?? false}
-                    onChange={(evt) =>
-                        actuallySetTelemetryPrefs({
-                            ...adminSettings,
-                            sendTelemetry: evt.target.checked,
-                        } as InstallationAdminSettings)
-                    }
-                />
-                <CheckBox
-                    title="Include customer ID in telemetry"
-                    desc={
-                        <span>
-                            Include an optional customer ID in usage telemetry to provide individualized support.
-                        </span>
-                    }
-                    checked={adminSettings?.sendCustomerID ?? false}
-                    onChange={(evt) =>
-                        actuallySetTelemetryPrefs({
-                            ...adminSettings,
-                            sendCustomerID: evt.target.checked,
-                        } as InstallationAdminSettings)
-                    }
-                />
-                <Separator />
-                <h3>Telemetry preview</h3>
-                <InfoBox>
-                    <pre>{JSON.stringify(telemetryData, null, 2)}</pre>
-                </InfoBox>
+                <div className="flex flex-row">
+                    <div>
+                        <h3>Usage Statistics</h3>
+                        <p className="text-base text-gray-500 pb-4 max-w-2xl">
+                            We collect usage telemetry to gain insights on how you use your Gitpod instance, so we can
+                            provide a better overall experience.
+                        </p>
+                        <p>
+                            <a className="gp-link" href="https://www.gitpod.io/privacy">
+                                Read our Privacy Policy
+                            </a>
+                        </p>
+                        <CheckBox
+                            title="Enable usage telemetry"
+                            desc={
+                                <span>
+                                    Enable usage telemetry on your Gitpod instance. A preview of your telemetry is
+                                    available below.
+                                </span>
+                            }
+                            checked={adminSettings?.sendTelemetry ?? false}
+                            onChange={(evt) =>
+                                actuallySetTelemetryPrefs({
+                                    ...adminSettings,
+                                    sendTelemetry: evt.target.checked,
+                                } as InstallationAdminSettings)
+                            }
+                        />
+                        <CheckBox
+                            title="Include customer ID in telemetry"
+                            desc={
+                                <span>
+                                    Include an optional customer ID in usage telemetry to provide individualized
+                                    support.
+                                </span>
+                            }
+                            checked={adminSettings?.sendCustomerID ?? false}
+                            onChange={(evt) =>
+                                actuallySetTelemetryPrefs({
+                                    ...adminSettings,
+                                    sendCustomerID: evt.target.checked,
+                                } as InstallationAdminSettings)
+                            }
+                        />
+                    </div>
+                    <div>
+                        <h3>Telemetry preview</h3>
+                        <InfoBox className="mt-4">
+                            <pre>{JSON.stringify(telemetryData, null, 2)}</pre>
+                        </InfoBox>
+                    </div>
+                </div>
             </PageWithSubMenu>
         </div>
     );