AWV-3: Adding CSS3 animations to the CINE dialog

Packages/lesiontracker/client/components/confirmDeleteDialog/confirmDeleteDialog.html

@@ -1,16 +1,16 @@
 <template name="confirmDeleteDialog">
     <div id="confirmDeleteDialog" tabindex="0">
-        {{ #if title }}
-        <h5>{{title}}</h5>
-        {{ else }}
-        <h5>Remove data from Timepoint?</h5>
+        {{#if title}}
+            <h5>{{title}}</h5>
+        {{else}}
+            <h5>Remove data from Timepoint?</h5>
         {{/if}}
-        {{ #if text }}
-        <p>{{text}}</p>
-        {{ else }}
-        <p>Are you sure you would like to remove the measurement data at this timepoint?</p>
+        {{#if text}}
+            <p>{{text}}</p>
+        {{else}}
+            <p>Are you sure you would like to remove the measurement data at this timepoint?</p>
         {{/if}}
         <button id="cancel" class="btn btn-link" tabindex="1">Cancel</button>
         <button id="confirm" class="btn btn-primary" tabindex="0">OK</button>
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/confirmDeleteDialog/confirmDeleteDialog.styl

@@ -1,5 +1,4 @@
 #confirmDeleteDialog
-  display: none
   position: absolute
   top: 0
   bottom: 0
@@ -23,4 +22,4 @@
     float: left
 
   #confirm
-    float: right
+    float: right

Packages/lesiontracker/client/components/lesionLocationDialog/lesionLocationDialog.styl

@@ -1,5 +1,4 @@
 #lesionLocationDialog, #lesionLocationRelabelDialog
-  display: none
   position: absolute
   top: 0
   bottom: 0
@@ -32,4 +31,4 @@
   height: 110px
 
 #lesionLocationRelabelDialog
-  height: 125px
+  height: 125px

Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.styl

@@ -3,13 +3,12 @@
 $borderColor = rgba(77, 99, 110, 0.81)
 
 #lesionTableHUD
-  background: black
+  background: rgba(0, 0, 0, 0.95)
   border-radius: 8px
   border: solid 1px $borderColor;
   bottom: 3px
   height: 326px
   left: auto
-  opacity: 0.95
   overflow: hidden
   position: absolute
   right: 3px

Packages/lesiontracker/client/components/nonTargetLesionDialog/nonTargetLesionDialog.styl

@@ -1,5 +1,4 @@
 #nonTargetLesionLocationDialog, #nonTargetLesionRelabelDialog
-  display: none
   position: absolute
   top: 0
   bottom: 0
@@ -10,7 +9,7 @@
   height: 230px
   border-radius: 5px
   padding: 10px 20px 10px 20px
-  background-color: rgba(255,255,255,1)
+  background-color: white
   outline: none
 
   #selectNonTargetLesionLocation, #selectNonTargetLesionLocationResponse
@@ -24,4 +23,4 @@
 
 /* dialogMobile is added to #nonTargetLesionLocationDialog when touchDevices is detected */
 .dialogMobile
-  margin: auto
+  margin: auto

Packages/lesiontracker/client/components/nonTargetResponseDialog/nonTargetResponseDialog.styl

@@ -1,5 +1,4 @@
 #nonTargetResponseDialog
-  display: none
   position: absolute
   top: 0
   bottom: 0
@@ -21,4 +20,3 @@
 
   .locationOK
     text-align: center
-