Add field groups to Size (storeys expanded)

app/src/frontend/building/data-containers/size.tsx

@@ -3,12 +3,15 @@ import React, { Fragment } from 'react';
 import withCopyEdit from '../data-container';
 import NumericDataEntry from '../data-components/numeric-data-entry';
 import SelectDataEntry from '../data-components/select-data-entry';
+import { DataEntryGroup } from '../data-components/data-entry-group';
 
 /**
 * Size view/edit section
 */
 const SizeView = (props) => (
     <Fragment>
+        <DataEntryGroup name="Storeys" collapsed={false}>
+
             <NumericDataEntry
                 title="Core storeys"
                 slug="size_storeys_core"
@@ -39,6 +42,8 @@ const SizeView = (props) => (
                 onChange={props.onChange}
                 step={1}
                 />
+        </DataEntryGroup>
+        <DataEntryGroup name="Height">
             <NumericDataEntry
                 title="Height to apex (m)"
                 slug="size_height_apex"
@@ -58,6 +63,8 @@ const SizeView = (props) => (
                 onChange={props.onChange}
                 step={0.1}
                 />
+        </DataEntryGroup>
+        <DataEntryGroup name="Floor area">
             <NumericDataEntry
                 title="Ground floor area (m²)"
                 slug="size_floor_area_ground"
@@ -76,6 +83,7 @@ const SizeView = (props) => (
                 onChange={props.onChange}
                 step={0.1}
                 />
+        </DataEntryGroup>
         <NumericDataEntry
             title="Frontage Width (m)"
             slug="size_width_frontage"