chore: code refactor

Author: ajitbohra

src/font-size/editor.scss

@@ -5,12 +5,12 @@
 .block-editor-format-toolbar__blablablocks-font-size-popover {
 	.components-popover__content {
 		min-width: 20.625rem;
-		padding: 5px;
+		padding: 16px;
 	}
 
 	.reset-button {
 		margin-top: 1rem;
 		display: block;
 		margin-left: auto;
 	}
-}
+}

src/font-size/inline-ui.js

@@ -35,16 +35,13 @@ function InlineUI( {
 		settings: { isActive },
 	} );
 
-	const {
-		fontSizes,
-		fontSizeValue,
-		onFontSizeChange,
-		onClear,
-	} = useFontSize( {
-		value,
-		onChange,
-		activeAttributes,
-	} );
+	const { fontSizes, fontSizeValue, onFontSizeChange, onClear } = useFontSize(
+		{
+			value,
+			onChange,
+			activeAttributes,
+		}
+	);
 
 	const handleClear = () => {
 		onClear();
@@ -60,22 +57,20 @@ function InlineUI( {
 			placement="bottom"
 			shift
 		>
-			<div style={ { padding: '16px', minWidth: '220px' } }>
-				<FontSizePicker
-					value={ fontSizeValue }
-					onChange={ onFontSizeChange }
-					fontSizes={ fontSizes }
-					__next40pxDefaultSize
-				/>
-				<Button
-					className="reset-button"
-					disabled={ ! fontSizeValue }
-					onClick={ handleClear }
-					variant="tertiary"
-				>
-					{ __( 'Clear', 'blablablocks-formats' ) }
-				</Button>
-			</div>
+			<FontSizePicker
+				value={ fontSizeValue }
+				onChange={ onFontSizeChange }
+				fontSizes={ fontSizes }
+				__next40pxDefaultSize
+			/>
+			<Button
+				className="reset-button"
+				disabled={ ! fontSizeValue }
+				onClick={ handleClear }
+				variant="tertiary"
+			>
+				{ __( 'Clear', 'blablablocks-formats' ) }
+			</Button>
 		</Popover>
 	);
 }