Bug: Activity component is not responsive

[linhub15]

Files affected

/src/app/time-sheets/activity/activity.component.css
/src/app/time-sheets/activity/activity.component.html

• Open TimeSheet Component
• Make sure there are some activities in the list
• Fill Description: This is the test description that is pretty long
• Open developer console in chrome F12
• shrink screen to width: 320px

Notice the Activity row is going out of the card boundries.

Expected

The activity row should wrap the card. The date, description and pay fields should each be on their own line when there is not enough space to display in a row.

Activity (Mobile View) - x / + buttons always visible

_____Date________ [Cal]
_____Description_______   ( x )
_Pay___Hours ($0.0)___
(+ Add Activity)