fix(ui): remove left margin in key-value separator (#153)

rtritto · web-flow · commit 4d6a858796af · 2023-01-13T11:47:36.000+08:00
diff --git a/src/components/DataKeyPair.tsx b/src/components/DataKeyPair.tsx
@@ -246,10 +246,10 @@ export const DataKeyPair: React.FC<DataKeyPairProps> = (props) => {
           (
             isRoot
               ? (rootName !== false
-                  ? <DataBox sx={{ mx: 0.5 }}>:</DataBox>
+                  ? <DataBox sx={{ mr: 0.5 }}>:</DataBox>
                   : null)
               : nestedIndex === undefined && (
-               <DataBox sx={{ mx: 0.5 }}>:</DataBox>
+               <DataBox sx={{ mr: 0.5 }}>:</DataBox>
               )
           )
         }

Original file line number	Diff line number	Diff line change
`@@ -246,10 +246,10 @@ export const DataKeyPair: React.FC<DataKeyPairProps> = (props) => {`
`246`	`246`	`(`
`247`	`247`	`isRoot`
`248`	`248`	`? (rootName !== false`
`249`		`- ? <DataBox sx={{ mx: 0.5 }}>:</DataBox>`
	`249`	`+ ? <DataBox sx={{ mr: 0.5 }}>:</DataBox>`
`250`	`250`	`: null)`
`251`	`251`	`: nestedIndex === undefined && (`
`252`		`- <DataBox sx={{ mx: 0.5 }}>:</DataBox>`
	`252`	`+ <DataBox sx={{ mr: 0.5 }}>:</DataBox>`
`253`	`253`	`)`
`254`	`254`	`)`
`255`	`255`	`}`