From 01ac2da1002cbcdb086bacd9b9dc431425a63b40 Mon Sep 17 00:00:00 2001
From: Matt Tuchfarber <mtuchfarber@edx.org>
Date: Fri, 15 Dec 2017 11:15:14 -0500
Subject: [PATCH] Make FAQ full width, not columns

---
 .../sass/views/_program-marketing-page.scss   |  7 +++--
 .../courseware/program_marketing.html         | 29 ++++++++++---------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/lms/static/sass/views/_program-marketing-page.scss b/lms/static/sass/views/_program-marketing-page.scss
index a0324d6b74..19d09e0679 100644
--- a/lms/static/sass/views/_program-marketing-page.scss
+++ b/lms/static/sass/views/_program-marketing-page.scss
@@ -7,14 +7,15 @@
   .main-banner {
     color: $white;
     margin-bottom: 1px;
-    background-size:cover !important;
-    background-repeat:no-repeat !important;
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
 
     .authoring-org-logo {
       background-color: $white;
       height: 100px;
     }
-    .logo-space{
+
+    .logo-space {
       height: 50px;
     }
 
diff --git a/lms/templates/courseware/program_marketing.html b/lms/templates/courseware/program_marketing.html
index 205d514e92..0b2db5f01f 100644
--- a/lms/templates/courseware/program_marketing.html
+++ b/lms/templates/courseware/program_marketing.html
@@ -356,20 +356,21 @@ endorser_org = endorser_position.get('organization_name') or corporate_endorseme
   % endif
   % if faqs:
   <hr class="thick_rule">
-    <div id="faqs" class="row faqs">
-      <div class="col-12">
-        <h2>${_('Frequently Asked Questions')}</h2>
-      </div>
-      % for faq in faqs:
-        <div class="col-4 faq">
-          <div class="question">
-            ${faq['question']}
-          </div>
-          <div class="answer">
-            ${HTML(faq['answer'])}
-          </div>
-        </div>
-      % endfor
+  <div id="faqs" class="row faqs">
+    <div class="col-12 col-lg-9 col-xl-7">
+      <h2>${_('Frequently Asked Questions')}</h2>
+      <hr>
     </div>
+    % for faq in faqs:
+      <div class="col-12 col-lg-9 col-xl-7 faq">
+        <h3 class="question">
+          ${faq['question']}
+        </h3>
+        <div class="answer">
+          ${HTML(faq['answer'])}
+        </div>
+      </div>
+    % endfor
+  </div>
   % endif
 </div>