Move button after inputs and make it compact.

WordPress · Dec 20, 2024 · 661cddd · 661cddd
1 parent a47a703
commit 661cddd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/src/color-picker/color-copy-button.tsx b/packages/components/src/color-picker/color-copy-button.tsx
@@ -54,7 +54,7 @@ export const ColorCopyButton = ( props: ColorCopyButtonProps ) => {
 	}, [] );
 
 	return (
-		<Button variant="secondary" ref={ copyRef } __next40pxDefaultSize>
+		<Button variant="secondary" ref={ copyRef } size="compact">
 			{ copiedColor === color.toHex() ? __( 'Copied!' ) : __( 'Copy' ) }
 		</Button>
 	);

diff --git a/packages/components/src/color-picker/component.tsx b/packages/components/src/color-picker/component.tsx
@@ -99,7 +99,7 @@ const UnconnectedColorPicker = (
 					/>
 				</AuxiliaryColorArtefactHStackHeader>
 				<ColorInputWrapper
-					direction={ colorType === 'hex' ? 'row' : 'column' }
+					direction="column"
 					align="flex-start"
 					gap={ 2 }
 				>