LT-249: Fixing issue with multiple duplicated CSS imports

Packages/lesiontracker/client/components/flexboxLayout/flexboxLayout.styl

@@ -2,6 +2,7 @@
 
 .viewerSection
   display: flex
+  flex: 1
   flex-flow: row nowrap
   align-items: stretch
   height: calc(100% - 78px);

Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.styl

@@ -29,7 +29,6 @@ $circleSize = 46px
     width: $circleSize
     height: $circleSize
     line-height: $circleSize
-    font-family: Roboto
     font-weight: 700
     font-size: 17px
     text-align: center

Packages/lesiontracker/client/components/studyTimepointBrowser/studyTimepointBrowser.styl

@@ -5,7 +5,7 @@ $timepointButtonHeight = 55px
 .studyTimepointBrowser
   background-color: $primaryBackgroundColor
   float: left
-  height: calc(100% - 55px - 50px - 30px)
+  height: 100%
   position: relative
   width: 100%
 
@@ -74,7 +74,6 @@ $timepointButtonHeight = 55px
 
     .timepointFollowupTitle
       color: $textPrimaryColor
-      font-family: Roboto
       padding-top: 2px
 
   .studyTimepointScrollArea

Packages/lesiontracker/client/components/studyTimepointBrowser/studyTimepointStudy.styl

@@ -59,7 +59,6 @@ $spacerY = 12px
   border: 1px solid $boxBorderColor
   border-radius: 12px
   cursor: pointer
-  font-family: Roboto
   padding: $spacerY $spacerX ($spacerY - 1)
   position: relative
   transition($sidebarTransition)

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl

@@ -2,6 +2,7 @@
 
 .toolbarSection
   border-bottom: $uiBorderColor $uiBorderThickness solid
+  flex: 0 0 auto
   height: $toolbarHeight
   overflow: hidden
   padding-top: 6px

Packages/lesiontracker/client/components/viewer/viewer.styl

@@ -1,12 +1,14 @@
 @import "{design}/app"
 
 #viewer
-  width: 100%
+  align-items: stretch
+  background-color: black
+  display: flex
+  flex-flow: column wrap
   height: 100%
   margin: 0
   padding: 0
-  background-color: black
-
+  width: 100%
 
 //font awesome icons
 .fa-cr:before