From 9018c0e9ba492f7eebbd06551ad03435bc021b46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gon=C3=A7alo=20Val=C3=A9rio?= <gon@ovalerio.net>
Date: Thu, 11 Apr 2019 23:25:54 +0100
Subject: [PATCH] improved the way request sections are displayed

---
 callbacks/templates/callbacks/check.html | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/callbacks/templates/callbacks/check.html b/callbacks/templates/callbacks/check.html
index 2230820..2c23313 100644
--- a/callbacks/templates/callbacks/check.html
+++ b/callbacks/templates/callbacks/check.html
@@ -80,7 +80,7 @@
             </header>
             <div class="card-content" v-if="request.displayFull">
               <div class="content">
-                <table class="table is-striped is-fullwidth">
+                <table class="table is-bordered is-striped is-fullwidth">
                   <thead>
                     <th>Header</th>
                     <th>Content</th>
@@ -92,12 +92,22 @@
                     </tr>
                   </tbody>
                 </table>
-
-                <h3>Query Params</h3>
-                <div class="box">[[request.query_params]]</div>
-
-                <h3>Body</h3>
-                <div class="box">[[request.body]]</div>
+                <div class="card">
+                  <header class="card-header">
+                    <p class="card-header-title">Query Params</p>
+                  </header>
+                  <div class="card-content">
+                    [[request.query_params]]
+                  </div>
+                </div>
+                <div class="card">
+                  <header class="card-header">
+                    <p class="card-header-title">Body</p>
+                  </header>
+                  <div class="card-content">
+                    [[request.body]]
+                  </div>
+                </div>
               </div>
             </div>
           </div>