Merge branch 'master' of https://git.gmu.edu/srct/whats-open-web

src/components/WeekHours.js

 import React from 'react';
 import Grid from 'material-ui/Grid';
 import facilityUtils from '../utils/facilityUtils';
+import Typography from 'material-ui/Typography';
 
 const WeekHours = ({facility}) => {
     const weekDays = [
@@ -21,8 +22,12 @@ const WeekHours = ({facility}) => {
             for (let i = 0; i < todaysHours.length; i++) {
                 output[index] = (
                     <Grid container spacing={0} key={facility.slug + index} className="week-hours-row">
-                        <Grid item xs={2} className="week-hours-day">{weekDays[dayOfWeek]}</Grid>
-                        <Grid item className="week-hours-times">{todaysHours[i].text}</Grid>
+                        <Grid item xs={2}>
+                            <Typography type={'body1'}>{weekDays[dayOfWeek]}</Typography>
+                        </Grid>
+                        <Grid item>
+                            <Typography type={'body1'}>{todaysHours[i].text}</Typography>
+                        </Grid>
                     </Grid>
                 );
                 index++;

src/styles/components/textwTitle.scss

 .text-w-title-label {
-  font-family: "Roboto-Regular","-apple-system", "Helvetica", "Arial", sans-serif;;
-  font-size: 12px;
-  color: rgba(0, 0, 0, .54);
+  font-family: "Roboto", "-apple-system", "Helvetica", "Arial", sans-serif;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .text-w-title-content {
-  font-family: "Roboto-Medium", "-apple-system", "Helvetica", "Arial", sans-serif;
+  font-family: "Roboto", "-apple-system", "Helvetica", "Arial", sans-serif;
   font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.87);
   text-overflow: ellipsis;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
-  color: #354052;
 }
\ No newline at end of file

src/styles/components/weekHours.scss

@@ -2,15 +2,6 @@
 
 .week-hours-row {
   font-size: 14px;
-  color: #354052;
-}
-
-.week-hours-day {
-  font-family: Roboto-Regular, Helvetica-Neue;
-}
-
-.week-hours-times {
-  font-family: Roboto-Medium;
 }
 
 @media screen and (max-width: map-get($breakpoints, lg) - 1px) {