Adjusts column width percentages for syllabus content

Changes the widths to allow proper resizing in Chrome, etc.
Removes the redundant 'Day' column. Changes the first column to
align left rather than center.

fixes CNVS-13924

test plan:
   - Go to a course syllabus in Chrome
   - Make sure several assignments are there with due dates
   - Resize the window to be small
   - Date and Day columns should not overlap but remain in their
     own columns.

Change-Id: I74a190d35ac9acacd1b179d520e8328b84ec34d5
Reviewed-on: https://gerrit.instructure.com/38802
Tested-by: Jenkins <jenkins@instructure.com>
Product-Review: Hilary Scharton <hilary@instructure.com>
Reviewed-by: Jeremy Stanley <jeremy@instructure.com>
QA-Review: Clare Strong <clare@instructure.com>

app/stylesheets/components/_g_syllabus.sass

@@ -3,7 +3,7 @@
   :width 100%
   :table-layout fixed
   :margin-bottom 10px
-  
+
   a:hover, a:focus, a:active
     color: $linkColor
   thead th
@@ -12,11 +12,11 @@
     :color #fff
     :padding 3px 10px
     :border-bottom 1px solid #bbb
-    
+
     a
       :font-size 0.8em
       :color #aaa
-      
+
   tr.date
     td, th
       :border-bottom 1px solid #bbb
@@ -34,6 +34,7 @@
 
     th.day_date
       :white-space nowrap
+      :text-align left
 
     td.details
       :font-size 1.1em
@@ -41,7 +42,7 @@
       :padding 0 0 0 4px
       :color #000
       :text-align left
-      
+
       td
         border: none
         background-color: transparent
@@ -53,7 +54,7 @@
         color: #999
         font-size: 10px
         text-align: right
-    
+
 
     table.detail_list
       :width 100%
@@ -74,7 +75,7 @@
       tr.related_event
         :background-color #e7f3ff
 
-    &.date_passed 
+    &.date_passed
       td, th
         :background-color #f8f8f8
 

app/views/assignments/_syllabus_content.html.erb

@@ -42,8 +42,7 @@ DOC
   <table id="syllabus">
     <thead>
       <tr>
-        <th scope="col" style="width: 10%;"><%= t 'headers.date', "Date" %></th>
-        <th scope="col" style="width: 10%;"><%= t 'headers.day', "Day" %></th>
+        <th scope="col" style="width: 20%;"><%= t 'headers.date', "Date" %></th>
         <th scope="col" style="width: 80%;">
         <div style="float: right;"></div>
         <%= t 'headers.details', "Details" %>

app/views/jst/courses/Syllabus.handlebars

@@ -11,8 +11,7 @@
 <table id="syllabus">
   <thead>
     <tr>
-      <th scope="col" style="width: 10%;">{{#t "headers.date"}}Date{{/t}}</th>
-      <th scope="col" style="width: 10%;">{{#t "headers.day"}}Day{{/t}}</th>
+      <th scope="col" style="width: 20%;">{{#t "headers.date"}}Date{{/t}}</th>
       <th scope="col" style="width: 80%;">
       <div style="float: right;"></div>
       {{#t "headers.details"}}Details{{/t}}
@@ -27,7 +26,6 @@
           {{tDateToString date "short_with_weekday"}}
         {{/if}}
       </th>
-      <th scope="row">{{#if date}}{{tDateToString date "short_weekday"}}{{else}}{{#t "syllabus.other_day"}}Other{{/t}}{{/if}}</th>
       <td class="details">
         <table class="detail_list">
           {{#each events}}