fix: fix formatting of add network ui, closes leather-io/issues#5735

leather-io · Aug 19, 2024 · 8a76b5f · 8a76b5f
1 parent d33df6f
commit 8a76b5f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/src/app/features/add-network/add-network-form.tsx b/src/app/features/add-network/add-network-form.tsx
@@ -132,18 +132,6 @@ export function AddNetworkForm() {
         </Select.Portal>
       </Select.Root>
 
-      <Title>Stacks API URL</Title>
-      <Input.Root>
-        <Input.Label>Name</Input.Label>
-        <Input.Field
-          height="inputHeight"
-          onChange={handleChange}
-          name="stacksUrl"
-          value={values.stacksUrl}
-          width="100%"
-          data-testid={NetworkSelectors.NetworkStacksAddress}
-        />
-      </Input.Root>
       <Title>Bitcoin API URL</Title>
       <Input.Root>
         <Input.Label>Bitcoin API URL</Input.Label>
@@ -165,6 +153,18 @@ export function AddNetworkForm() {
           width="100%"
         />
       </Input.Root>
+      <Title>Stacks API URL</Title>
+      <Input.Root>
+        <Input.Label>Name</Input.Label>
+        <Input.Field
+          height="inputHeight"
+          onChange={handleChange}
+          name="stacksUrl"
+          value={values.stacksUrl}
+          width="100%"
+          data-testid={NetworkSelectors.NetworkStacksAddress}
+        />
+      </Input.Root>
     </>
   );
 }
diff --git a/src/app/features/add-network/add-network.tsx b/src/app/features/add-network/add-network.tsx
@@ -27,7 +27,6 @@ export function AddNetwork() {
                     gap="space.05"
                     maxWidth="pageWidth"
                     px={['space.05', 'space.04']}
-                    textAlign={['left', 'center']}
                     my="space.05"
                   >
                     <styled.span textStyle="body.02">