fix

dwelle · Nov 23, 2023 · 727c3bc · 727c3bc
1 parent 09e68b7
commit 727c3bc
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/MagicSettings.tsx b/src/components/MagicSettings.tsx
@@ -72,6 +72,7 @@ export const MagicSettings = (props: {
     >
       <p
         style={{
+          margin: "1rem 0",
           display: "inline-flex",
           alignItems: "center",
           marginBottom: 0,
@@ -81,7 +82,7 @@ export const MagicSettings = (props: {
         <InlineButton icon={OpenAIIcon} />
         OpenAI.
       </p>
-      <p>
+      <p style={{ margin: "1rem 0" }}>
         While the OpenAI API is in beta, its use is strictly limited — as such
         we require you use your own API key. You can create an{" "}
         <a
@@ -101,12 +102,11 @@ export const MagicSettings = (props: {
         </a>
         .
       </p>
-      <p>
+      <p style={{ margin: "1rem 0" }}>
         Your OpenAI key does not leave the browser, and you can also set your
         own limit in your OpenAI account dashboard if needed.
       </p>
       <TextField
-        isPassword
         value={keyInputValue}
         placeholder="Paste your API key here"
         label="OpenAI API key"
@@ -117,7 +117,7 @@ export const MagicSettings = (props: {
         selectOnRender
         onKeyDown={(event) => event.key === KEYS.ENTER && onConfirm()}
       />
-      <p>
+      <p style={{ margin: "1rem 0" }}>
         By default, your API token is not persisted anywhere so you'll need to
         insert it again after reload. But, you can persist locally in your
         browser below.
@@ -127,7 +127,7 @@ export const MagicSettings = (props: {
         Persist API key in browser storage
       </CheckboxItem>
 
-      <p>
+      <p style={{ margin: "1rem 0" }}>
         Once API key is set, you can use the <InlineButton icon={MagicIcon} />{" "}
         tool to wrap your elements in a frame that will then allow you to turn
         it into code. This dialog can be accessed using the <b>AI Settings</b>{" "}