make the modules page responsive

fixes CNVS-12179

The modules page is now responsive for smaller screens. Allows people
to view view modules with proper truncation.

Test Plan

Senario: View the modules page from the homepage as a student

As a student
Given I my homepage is set to use the modules page
And I have module items with really long titles
When I go to the homepage
I should see that my module item titles have truncated titles
And when I resize my window to 970px there is a horizontal scroll bar
And the date and points do NOT disapear

Senario: View the modules page as a student

As a student
Given I have module items with really long titles
When I go to the modules page
I should see that my module item titles have truncated titles
And when I resize my window to 700px there is a horizontal scroll bar
And the date and points do NOT disapear

Senario: View the modules page from the homepage as a teacher

As a teacher
Given I my homepage is set to use the modules page
And I have module items with really long titles
When I go to the homepage
I should see that my module item titles have truncated titles
And when I resize my window to 970px there is a horizontal scroll bar
When I resize to 1000px the date column should disapear
And the points column should be visible

Senario: View the modules page as a student

As a teacher
Given I have module items with really long titles
When I go to the modules page
I should see that my module item titles have truncated titles
And when I resize my window to 700px there is a horizontal scroll bar
When I resize to 1000px the date column should disapear
And the points column should be visible

Senario: Should always show at least 300px of the title
As a teacher or student
When I view any modules page
The module item titles should always display at least 300px of the
title not matter what the screensize

Senario: Should always show at least 300px of the title
As a teacher or student
When I view any modules page
I should see that long module titles truncate
And the module title should have a hover over title attribute

Change-Id: I518b6ec2a3eae87474e781c0956e8740a905ec2a
Reviewed-on: https://gerrit.instructure.com/33204
Tested-by: Jenkins <jenkins@instructure.com>
Reviewed-by: Jeremy Stanley <jeremy@instructure.com>
QA-Review: Matt Fairbourn <mfairbourn@instructure.com>
Product-Review: Hilary Scharton <hilary@instructure.com>