From 6bb85ccc093bac493ed08e932051bcf15af7eb8c Mon Sep 17 00:00:00 2001
From: Aizizi Yigaimu <seniordevone@Aizizis-MacBook-Pro.local>
Date: Wed, 6 May 2020 19:29:57 -0400
Subject: [PATCH] Add Label check to checkbox lines

---
 src/BuildingFutureImprovement.js | 312 +++++++++++++++++--------------
 src/BuildingPastImprovement.js   | 312 +++++++++++++++++--------------
 2 files changed, 346 insertions(+), 278 deletions(-)

diff --git a/src/BuildingFutureImprovement.js b/src/BuildingFutureImprovement.js
index 4abb1a012..900616d58 100644
--- a/src/BuildingFutureImprovement.js
+++ b/src/BuildingFutureImprovement.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Row, Col, Button, Input } from 'reactstrap';
+import { Row, Col, Button, Label, Input } from 'reactstrap';
 import './index.css';
 import ReactGA from 'react-ga';
 
@@ -152,178 +152,212 @@ export default class BuildingFutureImprovement extends React.Component {
           <Row style={{ marginBottom: '25px' }}>
               <Col xs="12" sm="12" md="12" lg="6">
                 <div className="content-wide-element">
-                    <Input type="checkbox" checked={this.state.form['newHeatingSystem'].checked} onChange={() => this.checkAnswer('newHeatingSystem')} /> Install a new heating system
-                    {
-                        this.state.form.newHeatingSystem.checked &&
-                        <Input
-                            type="select"
-                            className="content-wide-element-input"
-                            value={this.state.heatingSystemAnswer}
-                            onChange={(e) => this.handleInput('newHeatingSystem', e)}
-                            disabled={generalDisabled}
-                        >
-                            <option value="0">
-                                -- Please Select --
-                            </option>
-                            {
-                                this.props.questions[0].answerIds.map((answerId, id) => {
-                                    return (
-                                        <option value={answerId} selected={this.state.form['newHeatingSystem'].answer===answerId}>
-                                            {this.heatingSystemNames[id]}
-                                        </option>
-                                    );
-                                })
-                            }
-                        </Input>
-                    }
+                    <Label check>
+                        <Input type="checkbox" checked={this.state.form['newHeatingSystem'].checked} onChange={() => this.checkAnswer('newHeatingSystem')} /> Install a new heating system
+                        {
+                            this.state.form.newHeatingSystem.checked &&
+                            <Input
+                                type="select"
+                                className="content-wide-element-input"
+                                value={this.state.heatingSystemAnswer}
+                                onChange={(e) => this.handleInput('newHeatingSystem', e)}
+                                disabled={generalDisabled}
+                            >
+                                <option value="0">
+                                    -- Please Select --
+                                </option>
+                                {
+                                    this.props.questions[0].answerIds.map((answerId, id) => {
+                                        return (
+                                            <option value={answerId} selected={this.state.form['newHeatingSystem'].answer===answerId}>
+                                                {this.heatingSystemNames[id]}
+                                            </option>
+                                        );
+                                    })
+                                }
+                            </Input>
+                        }
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input type="checkbox" checked={this.state.form['newCoolingSystem'].checked} onChange={() => this.checkAnswer('newCoolingSystem')} /> Install a new cooling system
-                    {
-                        this.state.form.newCoolingSystem.checked &&
-                        <Input
-                            type="select"
-                            className="content-wide-element-input"
-                            value={this.state.coolingSystemAnswer}
-                            onChange={(e) => this.handleInput('newCoolingSystem', e)}
-                            disabled={generalDisabled}
-                        >
-                            <option value="0">
-                                -- Please Select --
-                            </option>
-                            {
-                                this.props.questions[1].answerIds.map((answerId, id) => {
-                                    return (
-                                        <option value={answerId} selected={this.state.form['newCoolingSystem'].answer===answerId}>
-                                            {this.coolingSystemNames[id]}
-                                        </option>
-                                    );
-                                })
-                            }
-                        </Input>
-                    }
+                    <Label check>
+                        <Input type="checkbox" checked={this.state.form['newCoolingSystem'].checked} onChange={() => this.checkAnswer('newCoolingSystem')} /> Install a new cooling system
+                        {
+                            this.state.form.newCoolingSystem.checked &&
+                            <Input
+                                type="select"
+                                className="content-wide-element-input"
+                                value={this.state.coolingSystemAnswer}
+                                onChange={(e) => this.handleInput('newCoolingSystem', e)}
+                                disabled={generalDisabled}
+                            >
+                                <option value="0">
+                                    -- Please Select --
+                                </option>
+                                {
+                                    this.props.questions[1].answerIds.map((answerId, id) => {
+                                        return (
+                                            <option value={answerId} selected={this.state.form['newCoolingSystem'].answer===answerId}>
+                                                {this.coolingSystemNames[id]}
+                                            </option>
+                                        );
+                                    })
+                                }
+                            </Input>
+                        }
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newControl'].checked}
-                        onChange={() => this.checkAnswer('newControl')}
-                        disabled={generalDisabled}
-                    /> Install new controls
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newControl'].checked}
+                            onChange={() => this.checkAnswer('newControl')}
+                            disabled={generalDisabled}
+                        /> Install new controls
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['convertHeatingFuel'].checked}
-                        onChange={() => this.checkAnswer('convertHeatingFuel')}
-                        disabled={generalDisabled}
-                    /> Convert Heating Fuel
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['convertHeatingFuel'].checked}
+                            onChange={() => this.checkAnswer('convertHeatingFuel')}
+                            disabled={generalDisabled}
+                        /> Convert Heating Fuel
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['convertHeatingSystem'].checked}
-                        onChange={() => this.checkAnswer('convertHeatingSystem')}
-                        disabled={generalDisabled}
-                    /> Convert Heating System
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['convertHeatingSystem'].checked}
+                            onChange={() => this.checkAnswer('convertHeatingSystem')}
+                            disabled={generalDisabled}
+                        /> Convert Heating System
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newDomesticHotwaterSystem'].checked}
-                        onChange={() => this.checkAnswer('newDomesticHotwaterSystem')}
-                        disabled={generalDisabled}
-                    /> Install new domestic hotwater system
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newDomesticHotwaterSystem'].checked}
+                            onChange={() => this.checkAnswer('newDomesticHotwaterSystem')}
+                            disabled={generalDisabled}
+                        /> Install new domestic hotwater system
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['addInsulation'].checked}
-                        onChange={() => this.checkAnswer('addInsulation')}
-                        disabled={generalDisabled}
-                    /> Add Insulation
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['addInsulation'].checked}
+                            onChange={() => this.checkAnswer('addInsulation')}
+                            disabled={generalDisabled}
+                        /> Add Insulation
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['airSealBuildingEnvelope'].checked}
-                        onChange={() => this.checkAnswer('airSealBuildingEnvelope')}
-                        disabled={generalDisabled}
-                    /> Air seal the building envelope
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['airSealBuildingEnvelope'].checked}
+                            onChange={() => this.checkAnswer('airSealBuildingEnvelope')}
+                            disabled={generalDisabled}
+                        /> Air seal the building envelope
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newWindows'].checked}
-                        onChange={() => this.checkAnswer('newWindows')}
-                        disabled={generalDisabled}
-                    /> Install New Windows
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newWindows'].checked}
+                            onChange={() => this.checkAnswer('newWindows')}
+                            disabled={generalDisabled}
+                        /> Install New Windows
+                    </Label>
                 </div>
               </Col>
               <Col xs="12" sm="12" md="12" lg="6">
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newRoof'].checked}
-                        onChange={() => this.checkAnswer('newRoof')}
-                        disabled={generalDisabled}
-                    /> Install New roof
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newRoof'].checked}
+                            onChange={() => this.checkAnswer('newRoof')}
+                            disabled={generalDisabled}
+                        /> Install New roof
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['solarPanels'].checked}
-                        onChange={() => this.checkAnswer('solarPanels')}
-                        disabled={generalDisabled}
-                    /> Install Solar Panels
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['solarPanels'].checked}
+                            onChange={() => this.checkAnswer('solarPanels')}
+                            disabled={generalDisabled}
+                        /> Install Solar Panels
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['toilets'].checked}
-                        onChange={() => this.checkAnswer('toilets')}
-                        disabled={generalDisabled}
-                    /> Install Toilets
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['toilets'].checked}
+                            onChange={() => this.checkAnswer('toilets')}
+                            disabled={generalDisabled}
+                        /> Install Toilets
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['lowFlowShowerheadsFaucets'].checked}
-                        onChange={() => this.checkAnswer('lowFlowShowerheadsFaucets')}
-                        disabled={generalDisabled}
-                    /> Low flow showerheads and faucets
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['lowFlowShowerheadsFaucets'].checked}
+                            onChange={() => this.checkAnswer('lowFlowShowerheadsFaucets')}
+                            disabled={generalDisabled}
+                        /> Low flow showerheads and faucets
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['ledLighting'].checked}
-                        onChange={() => this.checkAnswer('ledLighting')}
-                        disabled={generalDisabled}
-                    /> Install LED lighting
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['ledLighting'].checked}
+                            onChange={() => this.checkAnswer('ledLighting')}
+                            disabled={generalDisabled}
+                        /> Install LED lighting
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['other'].checked}
-                        onChange={() => this.checkAnswer('other')}
-                        disabled={generalDisabled}
-                    /> Other
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['other'].checked}
+                            onChange={() => this.checkAnswer('other')}
+                            disabled={generalDisabled}
+                        /> Other
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['none'].checked}
-                        onChange={() => this.checkAnswer('none')}
-                        disabled={noneDisabled}
-                    /> None
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['none'].checked}
+                            onChange={() => this.checkAnswer('none')}
+                            disabled={noneDisabled}
+                        /> None
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['notSure'].checked}
-                        onChange={() => this.checkAnswer('notSure')}
-                        disabled={notSureDisabled}
-                    /> I'm not sure
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['notSure'].checked}
+                            onChange={() => this.checkAnswer('notSure')}
+                            disabled={notSureDisabled}
+                        /> I'm not sure
+                    </Label>
                 </div>
               </Col>
           </Row>
diff --git a/src/BuildingPastImprovement.js b/src/BuildingPastImprovement.js
index bba1b6d2f..0e9c8cf59 100644
--- a/src/BuildingPastImprovement.js
+++ b/src/BuildingPastImprovement.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Row, Col, Button, Input } from 'reactstrap';
+import { Row, Col, Button, Label, Input } from 'reactstrap';
 import './index.css';
 import ReactGA from 'react-ga';
 
@@ -152,187 +152,221 @@ export default class BuildingPastImprovement extends React.Component {
           <Row style={{ marginBottom: '25px' }}>
               <Col xs="12" sm="12" md="12" lg="6">
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newHeatingSystem'].checked}
-                        onChange={() => this.checkAnswer('newHeatingSystem')}
-                        disabled={generalDisabled}
-                    />
-                        Installed a new heating system
-                    {
-                        this.state.form.newHeatingSystem.checked &&
+                    <Label check>
                         <Input
-                            type="select"
-                            className="content-wide-element-input"
-                            value={this.state.heatingSystemAnswer}
-                            onChange={(e) => this.handleInput('newHeatingSystem', e)}
-                        >
-                        <option value="0">
-                            -- Please Select --
-                        </option>
+                            type="checkbox"
+                            checked={this.state.form['newHeatingSystem'].checked}
+                            onChange={() => this.checkAnswer('newHeatingSystem')}
+                            disabled={generalDisabled}
+                        />
+                        Installed a new heating system
                         {
-                            this.props.questions[0].answerIds.map((answerId, id) => {
-                                return (
-                                    <option value={answerId} selected={this.state.form['newHeatingSystem'].answer===answerId}>
-                                        {this.heatingSystemNames[id]}
-                                    </option>
-                                );
-                            })
-                        }
-                        </Input>
-                    }
-                </div>
-                <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newCoolingSystem'].checked}
-                        onChange={() => this.checkAnswer('newCoolingSystem')}
-                        disabled={generalDisabled}
-                    /> Installed a new cooling system
-                    {
-                        this.state.form.newCoolingSystem.checked &&
-                        <Input
-                            type="select"
-                            className="content-wide-element-input"
-                            value={this.state.coolingSystemAnswer}
-                            onChange={(e) => this.handleInput('newCoolingSystem', e)}
-                        >
+                            this.state.form.newHeatingSystem.checked &&
+                            <Input
+                                type="select"
+                                className="content-wide-element-input"
+                                value={this.state.heatingSystemAnswer}
+                                onChange={(e) => this.handleInput('newHeatingSystem', e)}
+                            >
                             <option value="0">
                                 -- Please Select --
                             </option>
                             {
-                                this.props.questions[1].answerIds.map((answerId, id) => {
+                                this.props.questions[0].answerIds.map((answerId, id) => {
                                     return (
-                                        <option value={answerId} selected={this.state.form['newCoolingSystem'].answer===answerId}>
-                                            {this.coolingSystemNames[id]}
+                                        <option value={answerId} selected={this.state.form['newHeatingSystem'].answer===answerId}>
+                                            {this.heatingSystemNames[id]}
                                         </option>
                                     );
                                 })
                             }
-                        </Input>
-                    }
+                            </Input>
+                        }
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newControl'].checked}
-                        onChange={() => this.checkAnswer('newControl')}
-                        disabled={generalDisabled}
-                    /> Installed new controls
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newCoolingSystem'].checked}
+                            onChange={() => this.checkAnswer('newCoolingSystem')}
+                            disabled={generalDisabled}
+                        /> Installed a new cooling system
+                        {
+                            this.state.form.newCoolingSystem.checked &&
+                            <Input
+                                type="select"
+                                className="content-wide-element-input"
+                                value={this.state.coolingSystemAnswer}
+                                onChange={(e) => this.handleInput('newCoolingSystem', e)}
+                            >
+                                <option value="0">
+                                    -- Please Select --
+                                </option>
+                                {
+                                    this.props.questions[1].answerIds.map((answerId, id) => {
+                                        return (
+                                            <option value={answerId} selected={this.state.form['newCoolingSystem'].answer===answerId}>
+                                                {this.coolingSystemNames[id]}
+                                            </option>
+                                        );
+                                    })
+                                }
+                            </Input>
+                        }
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['convertHeatingFuel'].checked}
-                        onChange={() => this.checkAnswer('convertHeatingFuel')}
-                        disabled={generalDisabled}
-                    /> Converted Heating Fuel
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newControl'].checked}
+                            onChange={() => this.checkAnswer('newControl')}
+                            disabled={generalDisabled}
+                        /> Installed new controls
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['convertHeatingSystem'].checked}
-                        onChange={() => this.checkAnswer('convertHeatingSystem')}
-                        disabled={generalDisabled}
-                    /> Converted Heating System
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['convertHeatingFuel'].checked}
+                            onChange={() => this.checkAnswer('convertHeatingFuel')}
+                            disabled={generalDisabled}
+                        /> Converted Heating Fuel
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newDomesticHotwaterSystem'].checked}
-                        onChange={() => this.checkAnswer('newDomesticHotwaterSystem')}
-                        disabled={generalDisabled}
-                    /> Installed new domestic hotwater system
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['convertHeatingSystem'].checked}
+                            onChange={() => this.checkAnswer('convertHeatingSystem')}
+                            disabled={generalDisabled}
+                        /> Converted Heating System
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['addInsulation'].checked}
-                        onChange={() => this.checkAnswer('addInsulation')}
-                        disabled={generalDisabled}
-                    /> Added Insulation
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newDomesticHotwaterSystem'].checked}
+                            onChange={() => this.checkAnswer('newDomesticHotwaterSystem')}
+                            disabled={generalDisabled}
+                        /> Installed new domestic hotwater system
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['airSealBuildingEnvelope'].checked}
-                        onChange={() => this.checkAnswer('airSealBuildingEnvelope')}
-                        disabled={generalDisabled}
-                    /> Air sealed the building envelope
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['addInsulation'].checked}
+                            onChange={() => this.checkAnswer('addInsulation')}
+                            disabled={generalDisabled}
+                        /> Added Insulation
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newWindows'].checked}
-                        onChange={() => this.checkAnswer('newWindows')}
-                        disabled={generalDisabled}
-                    /> Installed New Windows
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['airSealBuildingEnvelope'].checked}
+                            onChange={() => this.checkAnswer('airSealBuildingEnvelope')}
+                            disabled={generalDisabled}
+                        /> Air sealed the building envelope
+                    </Label>
+                </div>
+                <div className="content-wide-element">
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newWindows'].checked}
+                            onChange={() => this.checkAnswer('newWindows')}
+                            disabled={generalDisabled}
+                        /> Installed New Windows
+                    </Label>
                 </div>
               </Col>
               <Col xs="12" sm="12" md="12" lg="6">
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['newRoof'].checked}
-                        onChange={() => this.checkAnswer('newRoof')}
-                        disabled={generalDisabled}
-                    /> Installed New roof
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['newRoof'].checked}
+                            onChange={() => this.checkAnswer('newRoof')}
+                            disabled={generalDisabled}
+                        /> Installed New roof
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['solarPanels'].checked}
-                        onChange={() => this.checkAnswer('solarPanels')}
-                        disabled={generalDisabled}
-                    /> Installed New Solar Panels
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['solarPanels'].checked}
+                            onChange={() => this.checkAnswer('solarPanels')}
+                            disabled={generalDisabled}
+                        /> Installed New Solar Panels
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['toilets'].checked}
-                        onChange={() => this.checkAnswer('toilets')}
-                        disabled={generalDisabled}
-                    /> Installed Toilets
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['toilets'].checked}
+                            onChange={() => this.checkAnswer('toilets')}
+                            disabled={generalDisabled}
+                        /> Installed Toilets
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['lowFlowShowerheadsFaucets'].checked}
-                        onChange={() => this.checkAnswer('lowFlowShowerheadsFaucets')}
-                        disabled={generalDisabled}
-                    /> Installed Low flow showerheads and faucets
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['lowFlowShowerheadsFaucets'].checked}
+                            onChange={() => this.checkAnswer('lowFlowShowerheadsFaucets')}
+                            disabled={generalDisabled}
+                        /> Installed Low flow showerheads and faucets
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['ledLighting'].checked}
-                        onChange={() => this.checkAnswer('ledLighting')}
-                        disabled={generalDisabled}
-                    /> Installed LED lighting
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['ledLighting'].checked}
+                            onChange={() => this.checkAnswer('ledLighting')}
+                            disabled={generalDisabled}
+                        /> Installed LED lighting
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['other'].checked}
-                        onChange={() => this.checkAnswer('other')}
-                        disabled={generalDisabled}
-                    /> Other
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['other'].checked}
+                            onChange={() => this.checkAnswer('other')}
+                            disabled={generalDisabled}
+                        /> Other
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['none'].checked}
-                        onChange={() => this.checkAnswer('none')}
-                        disabled={noneDisabled}
-                    /> None
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['none'].checked}
+                            onChange={() => this.checkAnswer('none')}
+                            disabled={noneDisabled}
+                        /> None
+                    </Label>
                 </div>
                 <div className="content-wide-element">
-                    <Input
-                        type="checkbox"
-                        checked={this.state.form['notSure'].checked}
-                        onChange={() => this.checkAnswer('notSure')}
-                        disabled={notSureDisabled}
-                    /> I'm not sure
+                    <Label check>
+                        <Input
+                            type="checkbox"
+                            checked={this.state.form['notSure'].checked}
+                            onChange={() => this.checkAnswer('notSure')}
+                            disabled={notSureDisabled}
+                        /> I'm not sure
+                    </Label>
                 </div>
               </Col>
           </Row>
-- 
GitLab