From 83255576082826b144bcc71f013c32a5bd6d4f81 Mon Sep 17 00:00:00 2001
From: Aizizi Yigaimu <seniordevone@Aizizis-MacBook-Pro.local>
Date: Wed, 6 May 2020 14:18:26 -0400
Subject: [PATCH] Add cooling system right under minisplit heat pump system

---
 src/BuildingHeatingSystem.js | 64 +++++++++++++++++++++---------------
 1 file changed, 37 insertions(+), 27 deletions(-)

diff --git a/src/BuildingHeatingSystem.js b/src/BuildingHeatingSystem.js
index ef399925d..cef2abd23 100644
--- a/src/BuildingHeatingSystem.js
+++ b/src/BuildingHeatingSystem.js
@@ -65,9 +65,8 @@ export default class BuildingHeatingSystem extends React.Component {
   }
 
   render() {
-    let miniSplitforCooling = ''
-    miniSplitforCooling = (this.props.surveyId === 1 && this.state.answer === 100)? 
-      <div className="intake-survey-options" style={{ marginBottom: '10%' }}>
+    const miniSplitforCooling = this.props.surveyId === 1 && this.state.answer === 100 ?
+      <div className="intake-survey-options" style={{ paddingLeft: '15px' }}>
         <Label check>
           <Input
             type="checkbox"
@@ -75,10 +74,12 @@ export default class BuildingHeatingSystem extends React.Component {
             checked={this.state.miniSplitCheckBox}
             onClick={this.setMiniSplitforCooling}
           />{' '}
-          This is also my cooling system.
+          <span style={{ fontSize: '18px' }}>
+            This is also my cooling system
+          </span>
         </Label>
-      </div>:
-      ''
+      </div> : '';
+
     const content = (
       <div>
         <div className="title" style={{ marginBottom: '10%' }}>
@@ -87,30 +88,39 @@ export default class BuildingHeatingSystem extends React.Component {
         <Row>
           <Col sm={{ size: '12' }} md={{ size: '9' }}>
           {
-          this.props.answerIds.map((answerId, id) => {
-              return (
-              <div className="intake-survey-options">
-              <Row>
-                  <Col>
-                      <Label check>
-                      <Input
-                        type="radio"
-                        name="HeatingSystemGroup"
-                        checked={this.state.answer === answerId}
-                        onClick={() => this.chooseAnswer(answerId)}
-                      />{' '}
-                        {this.names[id]}
-                      </Label>
-                  </Col>
-              </Row>
-              </div>
+            this.props.answerIds.map((answerId, id) => {
+              const surveyOption = (
+                <div className="intake-survey-options">
+                  <Row>
+                      <Col>
+                          <Label check>
+                          <Input
+                            type="radio"
+                            name="HeatingSystemGroup"
+                            checked={this.state.answer === answerId}
+                            onClick={() => this.chooseAnswer(answerId)}
+                          />{' '}
+                            {this.names[id]}
+                          </Label>
+                      </Col>
+                  </Row>
+                </div>
               );
-          })
+
+              return this.props.surveyId === 1 && answerId === 100 ? (
+                  <div>
+                    { surveyOption }
+                    { miniSplitforCooling }
+                  </div>
+                ) :
+                (
+                  <div>
+                    {surveyOption}
+                  </div>
+                );
+            })
           }
           </Col>
-          <Col style={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>
-            { miniSplitforCooling }
-          </Col>
         </Row>
         <Row className="intake-survey-navBar">
           <Col className="text-left">
-- 
GitLab