fix: editor alignment

Author: thomasguillot

src/blocks/my-account-button/class-my-account-button-block.php

@@ -160,7 +160,7 @@ public static function render_block( $attrs ) {
 		}
 
 		// Build wrapper div classes.
-		$wrapper_div_classes = [ 'wp-block-buttons' ];
+		$wrapper_div_classes = [ 'wp-block-buttons', 'is-layout-flex' ];
 		if ( ! empty( $custom_classes ) ) {
 			$wrapper_div_classes = \array_merge( $wrapper_div_classes, $custom_classes );
 		}

src/blocks/my-account-button/edit.js

@@ -95,7 +95,7 @@ function MyAccountButtonEdit( { attributes, setAttributes } ) {
 					</ToolbarGroup>
 				</BlockControls>
 			) }
-			<div className={ classnames( 'wp-block-buttons', blockClassName ) }>
+			<div className={ classnames( 'wp-block-buttons', 'is-layout-flex', blockClassName ) }>
 				<div className="wp-block-button">
 					<div { ...blockProps }>
 						{ isIconVisible && (

src/blocks/my-account-button/style.scss

@@ -16,4 +16,8 @@
 			margin-right: calc( max(4px, 0.25em) * -1);
 		}
 	}
+
+	.wp-block-buttons > .wp-block-button:has(&) {
+		display: inline-flex;
+	}
 }