Fixed syllabus to look good with new courseware styling

lms/static/sass/course/_syllabus.scss

 div.syllabus {
 
-  padding: 0px 10px;
+  padding: 2em 2.5em;
 
   text-align: center;
 
@@ -9,15 +9,14 @@ div.syllabus {
   }
 
   .notes {
-    width: 740px;
-    margin: 0px auto 10px;
+    margin: 0px auto 20px;
   }
 
   table {
 
     text-align: left;
 
-    margin: 10px auto;
+    margin: 10px 0;
 
     thead {
       font-weight: bold;

lms/templates/courseware/syllabus.html

@@ -13,12 +13,14 @@
 %>
 
 <section class="container">
-  <div class="syllabus">
-    <h1> Syllabus </h1>
-    % if user.is_authenticated():
-    ${get_course_syllabus_section(course, 'syllabus')}
-    % else:
-    ${get_course_syllabus_section(course, 'guest_syllabus')}
-    % endif
+  <div class="syllabus_wrapper">
+    <div class="syllabus">
+        <h1> Syllabus </h1>
+        % if user.is_authenticated():
+        ${get_course_syllabus_section(course, 'syllabus')}
+        % else:
+        ${get_course_syllabus_section(course, 'guest_syllabus')}
+        % endif
+    </div>
   </div>
 </section>