diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index d19cb85ea..ac82b6b4c 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -663,6 +663,7 @@ ol li {
   display: inline-flex;
   flex-direction: column;
   flex-grow: 1;
+  justify-content: center;
 }
 
 .flex-wrap {
diff --git a/pages/doc.vue b/pages/doc.vue
index 73562914b..7537c9e1f 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -98,8 +98,24 @@ export default {
 
     getDoc() {
       let json = this.collectionJSON;
-      let html;
-      this.items = html;
+      let collections = JSON.parse(json);
+      for (let i = 0; i < collections.length; i++) {
+        console.log("Collection", i + 1, collections[i].name);
+        let folders = collections[i].folders;
+        for (let i = 0; i < folders.length; i++) {
+          console.log("Folder", i + 1, folders[i].name);
+          let requests = collections[i].requests;
+          for (let i = 0; i < requests.length; i++) {
+            console.log("Request", i + 1, requests[i].name);
+          }
+        }
+        let requests = collections[i].requests;
+        for (let i = 0; i < requests.length; i++) {
+          console.log("Request", i + 1, requests[i].name);
+        }
+      }
+      // let html = this.obj2htmltable(json);
+      // this.items = html;
     }
   }
 };