add footer back in and make responsive

Author: lachiebol

app/public/css/documentation.css

@@ -74,14 +74,19 @@
     background: white;
 }
 
-/*TODO MAKE RESPONSIVE*/
 .documentation #api-docs-list {
     columns: 3;
+    column-gap: 24px;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 
+.documentation #api-docs-list li {
+    break-inside: avoid;
+    margin-bottom: 8px;
+}
+
 .documentation .collapsed {
     display: none;
 }
@@ -130,3 +135,15 @@
 .documentation.api-swagger-index-collapsible-ready .api-swagger-index-collapsed {
     display: none;
 }
+
+@media (max-width: 991px) {
+    .documentation #api-docs-list {
+        columns: 2;
+    }
+}
+
+@media (max-width: 767px) {
+    .documentation #api-docs-list {
+        columns: 1;
+    }
+}

app/templates/api-swagger-index.twig

@@ -18,6 +18,7 @@
 {% endblock %}
 
 {% block footer %}
+    {{ parent() }}
 
     <script type="text/javascript">
         (function () {