LT-253: Making lesion table looks like the specified in design

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

@@ -15,7 +15,7 @@
                         key='regionsOfMetastaticDisease'
                         multiple=true
                         options=(clone
-                            placeholder='Search Regions'
+                            placeholder='Choose a region...'
                             allowClear=true
                         )
                     }}

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

@@ -10,7 +10,6 @@
     overflow-x: hidden
     overflow-y: auto
     margin-right: -16px
-    padding-bottom: 100px
     padding-right: 16px
 
     -webkit-overflow-scrolling: touch
@@ -33,7 +32,8 @@
 
     .form-group
       color: $textPrimaryColor
-      padding: 7px 11px
+      margin-bottom: 0
+      padding: 7px 27px 7px 11px
       width: 100%
 
       &:not(:last-child)
@@ -43,7 +43,7 @@
         display: block
         font-weight: bold
         line-height: 15px
-        margin: 10px 0 8px
+        margin: 10px 2px 8px
 
       .control-label
         font-size: 14px
@@ -51,8 +51,17 @@
         display: inline-block
         padding: 5px
 
+      .select2
+        margin-bottom: 8px
+        margin-left: 3px
+        margin-top: 5px
+
+      .select2-selection--single
+        width: 91px
+
       .group-radio
         height: 30px
+        margin-bottom: 15px
 
         label
           display: inline-block
@@ -61,7 +70,7 @@
           font-weight: 100
           height: 30px
           line-height: 30px
-          width: 50%
+          width: 109px
 
       .disease-regions + .select2
         width: 100% !important
@@ -71,7 +80,7 @@
 
     .buttonSection
       cursor: pointer
-      height: 100px
+      height: 90px
       color: $defaultColor
 
       &:hover
@@ -91,17 +100,16 @@
       div
         float: left
         display: inline-block
-        height: 80px
+        height: 92px
 
       .buttonLabel
-        line-height: 80px
-        padding: 0 30px
+        line-height: 92px
+        padding: 0 12px
 
       .svgContainer
-        padding: 15px 5px
-        width: 40px
+        padding: 25px 14px
 
         svg
-          width: 40px
-          height: 40px
+          width: 36px
+          height: 36px
           fill: $textPrimaryColor