LT-253: Creating radio component

Packages/lesiontracker/client/components/additionalFindings/additionalFindings.html

@@ -5,28 +5,28 @@
                 <div class="header">
                     Additional Findings: Baseline
                 </div>
-                {{> radioOptionGroup (stateDataWithKey "measurableDisease")}}
+                {{>radioOptionGroup (stateDataWithKey "measurableDisease")}}
             </div>
             <div class="row">
                 <div class="header">
                     Supplementary Measurements
                 </div>
-                {{> selectInput (stateDataWithKey "numberOfBoneLesions")}}
-                {{> select2Input
+                {{>selectInput (stateDataWithKey "numberOfBoneLesions")}}
+                {{>select2Input
                     key="regionsOfMetastaticDisease"
                     select2Options=regionsOfMetastaticDiseaseSelect2Options
                     state=state
                     currentSchema=currentSchema
                 }}
-                {{> radioOptionGroup (stateDataWithKey "tracerRelatedToMetastaticDisease")}}
+                {{>radioOptionGroup (stateDataWithKey "tracerRelatedToMetastaticDisease")}}
             </div>
             <div class="row">
                 <div class="header">
                     Image Quality
                 </div>
-                {{> radioOptionGroup (stateDataWithKey "acceptableImageQuality")}}
-                {{> radioOptionGroup (stateDataWithKey "adequateAnatomicalCoverage")}}
-                {{> radioOptionGroup (stateDataWithKey "presenceOfContrast")}}
+                {{>radioOptionGroup (stateDataWithKey "acceptableImageQuality")}}
+                {{>radioOptionGroup (stateDataWithKey "adequateAnatomicalCoverage")}}
+                {{>radioOptionGroup (stateDataWithKey "presenceOfContrast")}}
             </div>
             <div class="row">
                 <div class="header">
@@ -60,4 +60,4 @@
             </div>
         </div>
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/additionalFindings/additionalFindings.styl

@@ -41,7 +41,7 @@
       h5
         font-weight: 300
 
-      label
+      .control-label
         font-size: 14px
         font-weight: 100
         display: inline-block
@@ -51,26 +51,13 @@
         height: 30px
 
         .radio-option
-          width: 50%
-          text-align: center
-          float: left
           display: inline-block
-          padding: 5px
+          float: left
+          font-size: 14px
+          font-weight: 100
           height: 30px
-
-          input
-            float: left
-            height: 30px
-            width: 30px
-            display: inline-block
-
-          label
-            float: left
-            height: 30px
-            line-height: 30px
-            font-size: 14px
-            font-weight: 100
-            display: inline-block
+          line-height: 30px
+          width: 50%
 
       #regionsOfMetastaticDisease
         width: 285px