From 8e5de00c6fafa8db1e9dab545ad108b56db23416 Mon Sep 17 00:00:00 2001
From: ghostersk <68815071+ghostersk@users.noreply.github.com>
Date: Sat, 18 May 2024 19:01:44 +0100
Subject: [PATCH] Update index.html

---
 templates/index.html | 42 +++++++++++++++++++++++++-----------------
 1 file changed, 25 insertions(+), 17 deletions(-)
diff --git a/templates/index.html b/templates/index.html
index ea70432..29d4b6c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,17 +10,12 @@
 </head>
 <style>
 body, html {
-    height: 100%;
-    margin: 0;
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;  /* Align items at the start of the cross axis */
+    height: 100%;overflow-x:hidden;
 }
 .container {
-    width: 100%;
-    height: 60%; /* adjust height level, 100% is in middle */
-    display: flex;
-    justify-content: center;
+    width: auto;
+    height: auto; /* adjust height level, 100% is in middle */
+    overflow-x:hidden;
     align-items: center;
 }
 .centered-div {
@@ -41,31 +36,44 @@ body, html {
 <body class="fullbody">
     <div class="container">
         <div class="centered-div">
+            <p>
+                <a href="{{ url_for('show_query') }}"> Show History ...</a>
+            </p>
 
             {% if records %}
             <h1 class='warning'>
                 <b>Website {{ records.root_domain }} blocked</b>
             </h1>
             <div class="container">
-                <table class="left_align s_table">
+                <table class="left_align s_table" style="table-layout:fixed;width:100%;">
                     <tr>
-                        <th>Method</th>
+                        <th style="width:25%">Method</th>
                         <td>{{records.method}}</td>
                     </tr>
                     <tr>
-                        <th>URL</th>
+                        <th style="width:25%">URL</th>
                         <td>{{records.url}}</td>
                     </tr>
+                    <tr>
+                        <th style="width:25%">Data</th>
+                        <td>{{records.post_data}}</td>
+                    </tr>
+                    <tr>
+                        <th style="width:25%">Headers</th>
+                        <td style="word-wrap:break-word;">
+                            {{ records.headers }}
+                        </td>
+                    </tr>
                 </table>
             </div>
-            <p>
-                <a href="{{ url_for('show_query') }}"> Show History ...</a>
-            </p>
-
+            {% elif error %}
+            <h1 class='warning'>
+                <b>There was a problem:<br> {{ error }} </b>
+            </h1>
             {% endif %}
         </div>
         <p>
         </p>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
