Added request body

Frontend/assets/css/tools/mock/common.css

@@ -7,6 +7,7 @@
 @import url('r11modal.css');
 @import url('r11flexbox.css');
 @import url('r11popup.css');
+@import url('../../highlight.css');
 
 @font-face {
     font-family: 'Material Icons';

Frontend/assets/css/tools/mock/r11popup.css

@@ -16,6 +16,9 @@
 
 .popup-body{
     min-width: 33%;
+    max-width: 60%;
+    max-height: 70%;
+    overflow: scroll;
     background-color: white;
     box-shadow: 10px 10px 5px lightblue;
     min-height: 45%;
@@ -47,6 +50,14 @@
     display:none;
 }
 
+.hidden-popup-type{
+    display: none;
+}
+
+#history-request-body{
+    text-align: justify;
+}
+
 @keyframes blur {
     0% {
       backdrop-filter: blur(0px);

Frontend/assets/css/tools/mock/r11tables.css

@@ -70,15 +70,23 @@
     color: white;
 }
 
+.table-default td{
+    text-align: center;
+}
+
 #header-table tr td {
     border: 1px black solid;
-    padding: 1%;
+    padding: 1.5%;
+    
 }
 
 #header-table{
     border-collapse: collapse;
+    width: 100%;
+    height: 100%;
 }
 
 #historyTable, td{
     padding: 1%;
+    overflow-x: scroll;
 }