move planning_portal_link to top

app/src/frontend/building/data-components/planning-data-entry.tsx

@@ -1,6 +1,5 @@
 import React, { Fragment } from 'react';
 
-import DataTitle from './data-title';
 import InfoBox from '../../components/info-box';
 import CheckboxDataEntry from '../data-components/checkbox-data-entry';
 
@@ -54,10 +53,6 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
     }
     return (
         <Fragment>
-        <DataTitle
-                title={"Planning Application Status"}
-                tooltip={null}
-        />
         <InfoBox type='success'>
             <Fragment>
                 <b>Current planning application status for this site:</b> {data[0]["status"]}

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

@@ -14,6 +14,7 @@ import SelectDataEntry from '../data-components/select-data-entry';
 import Verification from '../data-components/verification';
 import withCopyEdit from '../data-container';
 import PlanningDataOfficialDataEntry from '../data-components/planning-data-entry';
+import DataTitle from './data-title';
 
 import { CategoryViewProps } from './category-view-props';
 import { Category } from '../../config/categories-config';
@@ -26,6 +27,19 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
     <Fragment>
         <InfoBox type='warning'>
             This section is under development as part of the project CLPV Tool. For more details and progress <a href="https://github.com/colouring-cities/manual/wiki/G.-Data-capture-methods">read here</a>.
+        <DataTitle
+            title={"Planning Application Status"}
+            tooltip={null}
+        />
+
+        <Verification
+        slug="planning_portal_link"
+        allow_verify={props.user !== undefined && props.building.planning_portal_link !== null && !props.edited}
+        onVerify={props.onVerify}
+        user_verified={props.user_verified.hasOwnProperty("planning_portal_link")}
+        user_verified_as={props.user_verified.planning_portal_link}
+        verified_count={props.building.verified.planning_portal_link}
+        />
         </InfoBox>
             <PlanningDataOfficialDataEntry
             value={props.building.planning_data}
@@ -38,14 +52,6 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
             copy={props.copy}
             onChange={props.onChange}
             />
-        <Verification
-            slug="planning_portal_link"
-            allow_verify={props.user !== undefined && props.building.planning_portal_link !== null && !props.edited}
-            onVerify={props.onVerify}
-            user_verified={props.user_verified.hasOwnProperty("planning_portal_link")}
-            user_verified_as={props.user_verified.planning_portal_link}
-            verified_count={props.building.verified.planning_portal_link}
-            />
             <UserOpinionEntry
                 slug='community_expected_planning_application'
                 title={buildingUserFields.community_expected_planning_application.title}