Show justification controls for vertical variant

- Don't limit controls to show only on horizontal
- This enables controls to show for both horiz and vert
- The vertical CSS specifies a block so will require tweaking
- Filter out space-between from vertical controls

packages/block-library/src/navigation/edit.js

@@ -40,7 +40,6 @@ function Navigation( {
 	updateInnerBlocks,
 	className,
 	hasSubmenuIndicatorSetting = true,
-	hasItemJustificationControls = attributes.orientation === 'horizontal',
 } ) {
 	const [ isPlaceholderShown, setIsPlaceholderShown ] = useState(
 		! hasExistingNavItems
@@ -108,21 +107,25 @@ function Navigation( {
 		);
 	}
 
+	const justifyAllowedControls =
+		attributes.orientation === 'vertical'
+			? [ 'left', 'center', 'right' ]
+			: [ 'left', 'center', 'right', 'space-between' ];
+
 	return (
 		<>
 			<BlockControls>
-				{ hasItemJustificationControls && (
-					<JustifyToolbar
-						value={ attributes.itemsJustification }
-						onChange={ ( value ) =>
-							setAttributes( { itemsJustification: value } )
-						}
-						popoverProps={ {
-							position: 'bottom right',
-							isAlternate: true,
-						} }
-					/>
-				) }
+				<JustifyToolbar
+					value={ attributes.itemsJustification }
+					allowedControls={ justifyAllowedControls }
+					onChange={ ( value ) =>
+						setAttributes( { itemsJustification: value } )
+					}
+					popoverProps={ {
+						position: 'bottom right',
+						isAlternate: true,
+					} }
+				/>
 				<ToolbarGroup>{ navigatorToolbarButton }</ToolbarGroup>
 			</BlockControls>
 			{ navigatorModal }

packages/block-library/src/navigation/style.scss

@@ -24,6 +24,7 @@
 	flex-wrap: wrap;
 
 	// Vertical layout
+	// TODO: What to todo here?
 	.is-vertical & {
 		display: block;
 	}