T-249: Adjusting measurements panel styles

Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.html

@@ -1,10 +1,10 @@
 <template name="lesionTableTimepointHeader">
     <div class="lesionTableTimepointHeader">
         <div class="timepointName">
-            {{ timepointName }}
+            {{timepointName}}
         </div>
         <div  class="timepointDate">
-            {{ formatDA latestDate "DD-MMM-YY"}}
+            {{formatDA latestDate "DD-MMM-YY"}}
         </div>
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl

@@ -2,16 +2,21 @@
 
 .lesionTableTimepointHeader
   flex: 1
-  padding-left: 20px
   justify-content: space-around
 
   div
-    text-align: center
+    border-left: $uiBorderColor $uiBorderThickness solid
+    font-weight: 400
+    padding-left: 12px
+    text-align: left
 
   .timepointName
     color: $textSecondaryColor
+    font-size: 12px
+    line-height: 12px
 
   .timepointDate
-    font-weight: 200
     color: $textPrimaryColor
-    border-left: $uiBorderColor $uiBorderThickness solid
+    font-size: 14px
+    line-height: 20px
+    padding-bottom: 6px