From 0a3962690bcac695b6df8af67e6e3ac56949c5f2 Mon Sep 17 00:00:00 2001
From: ray <gitea@rayelliott.dev>
Date: Fri, 14 Aug 2020 18:43:44 +0100
Subject: [PATCH] tidy up inspector controls

---
 src/index.js | 49 ++++++++++++++++++++++++++-----------------------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/index.js b/src/index.js
index 57b1746..869d6c4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -100,7 +100,7 @@ registerBlockType('room-vw/iconify', {
 		return (
 			<Fragment>
 				<InspectorControls>
-					<PanelBody title="Icon settings">
+					<PanelBody title="Icon size">
 						<RangeControl
 							label={`Font size (${attributes.fontUnit})`}
 							value={attributes.fontSize}
@@ -111,28 +111,31 @@ registerBlockType('room-vw/iconify', {
 								setAttributes({ fontSize: value });
 							}}
 						/>
-						<PanelRow></PanelRow>
-						<PanelRow>
-							<ToggleControl
-								label="Is isInline"
-								checked={attributes.isInline}
-								onChange={(state) => {
-									setAttributes({ isInline: state });
-								}}
-							/>
-							<ToggleControl
-								label="Use ems"
-								checked={attributes.fontUnit === 'em'}
-								onChange={(state) => {
-									setAttributes({
-										fontUnit: state ? 'em' : 'px',
-										fontSize: state
-											? attributes.fontSize / 16
-											: attributes.fontSize * 16,
-									});
-								}}
-							/>
-						</PanelRow>
+						<ToggleControl
+							label="Use ems"
+							checked={attributes.fontUnit === 'em'}
+							onChange={(state) => {
+								setAttributes({
+									fontUnit: state ? 'em' : 'px',
+									fontSize: state
+										? attributes.fontSize / 16
+										: attributes.fontSize * 16,
+								});
+							}}
+						/>
+					</PanelBody>
+					<PanelBody title="Icon variations">
+						<ToggleControl
+							label="Inline"
+							checked={attributes.isInline}
+							onChange={(state) => {
+								setAttributes({ isInline: state });
+							}}
+						/>
+						<p>Color</p>
+						<p>Rotate</p>
+						<p>Flip</p>
+						<p>Etc</p>
 					</PanelBody>
 				</InspectorControls>