LT-248: Making Current Case Measurement Status look like the specified in the design

Packages/lesiontracker/client/components/caseProgress/caseProgress.html

@@ -1,11 +1,15 @@
 <template name="caseProgress">
     <div class="caseProgress">
-        {{ >radialProgressBar isLocked=isLocked progressPercent=progressPercent progressText=progressText}}
-        {{ #if isLocked }}
-       <h5>Locked</h5>
-        {{ /if }}
-        {{ #if progressComplete }}
-        <button class="btn js-finish-case">Enter response</button>
-        {{ /if }}
+        {{>radialProgressBar isLocked=isLocked progressPercent=progressPercent progressText=progressText}}
+        {{#if isLocked}}
+            <div class="caseProgressStatus">
+                <h5>Locked</h5>
+            </div>
+        {{/if}}
+        {{#if progressComplete}}
+            <div class="caseProgressStatus">
+                <button class="btn js-finish-case">Enter response</button>
+            </div>
+        {{/if}}
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/caseProgress/caseProgress.js

@@ -1,4 +1,4 @@
-Template.caseProgress.onCreated(function caseProgressOnCreated() {
+Template.caseProgress.onCreated(() => {
     const instance = Template.instance();
 
     instance.progressPercent = new ReactiveVar();

Packages/lesiontracker/client/components/caseProgress/caseProgress.styl

@@ -4,15 +4,29 @@
   transition(all 0.3 ease)
 
   .radialProgress
-    float:left
     display: inline-block
-
-  h5
     float:left
-    display: inline-block
 
-  button.btn
+  .caseProgressStatus
+    display: inline-block
     float: left
-    display: inline-block
-    margin: 6px
-    cursor: pointer
+    margin-left: 22px
+
+    h5
+      color: $textPrimaryColor
+      line-height: 46px
+      margin: 0
+      font-size: 15px
+      font-weight: bold
+
+    button.btn
+      background-color: $activeColor
+      border: 1px solid $uiBorderColorActive
+      color: #000
+      cursor: pointer
+      font-size: 15px
+      font-weight: bold
+      height: 37px
+      margin-top: 6px
+      text-align: center
+      width: 126px