Layout faq

_includes/block-faq-1.html

@@ -2,14 +2,12 @@
   <div class="container">
     <div class="columns">
       <div class="column">
-        <div class="center">
-          {% for faq_item in section.faq_items %}
-          <button class="collapsible">{{ faq_item.question }}</button>
-          <div class="content faq-item">
-            <p>{{ faq_item.answer }}</p>
-          </div>
-          {% endfor %}
+        {% for faq_item in section.faq_items %}
+        <button class="collapsible">{{ faq_item.question }}</button>
+        <div class="content faq-item">
+          <p>{{ faq_item.answer }}</p>
         </div>
+        {% endfor %}
       </div>
     </div>
   </div>

css/irma.css

@@ -118,7 +118,9 @@ column.text p {
 /* Style the button that is used to open and close the collapsible content */
 .collapsible {
   background-color: #eee;
-  width: 600px;
+  display: block;
+  margin: auto;
+  width: 900px;
   color: #444;
   cursor: pointer;
   padding: 18px;