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

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html

@@ -16,7 +16,8 @@
                         </svg>
                     </div>
                     <div class="buttonLabel">
-                        More <i class="fa fa-caret-down" aria-hidden="true"></i>
+                        <span>More</span>
+                        <i class="fa fa-caret-down" aria-hidden="true"></i>
                     </div>
                 </div>
 
@@ -34,7 +35,7 @@
             {{/if}}
 
             <div class="toolbarSectionEntry pull-right rm-l-1 p-x-1">
-                {{> caseProgress }}
+                {{>caseProgress}}
             </div>
             <div class="pull-right m-t-1 rm-x-1">
                 {{>roundedButtonGroup rightSidebarToggleButtonData}}
@@ -45,9 +46,7 @@
                         <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-hud"></use>
                     </svg>
                 </div>
-                <div class="buttonLabel">
-                    HUD
-                </div>
+                <div class="buttonLabel">HUD</div>
             </div>
             <div class="toolbarSectionButton pull-right rp-x-1 m-t-1 rm-r-1" data-toggle="modal" data-target="#optionsModal">
                 <div class="svgContainer">
@@ -55,9 +54,7 @@
                         <use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-trial-info"></use>
                     </svg>
                 </div>
-                <div class="buttonLabel">
-                    Trial
-                </div>
+                <div class="buttonLabel">Trial</div>
             </div>
         </div>
     </div>