diff --git a/index2.html b/index2.html
index bd61844..c1c6454 100644
--- a/index2.html
+++ b/index2.html
@@ -26,15 +26,7 @@
}*/
-
- table {
- border-collapse: collapse;
- }
-
- table, tr, th, td {
- border: 1px solid #e3e3e3;
- }
-
+
button {
background-color: #4CAF50; /* Green */
border: none;
@@ -82,6 +74,9 @@
text-align: left;
border-collapse: collapse;
margin: 30px 30px 30px 15px;
+ position: absolute;
+ left:300px;
+ top:-350px;
}
th {
@@ -423,8 +418,14 @@
document.getElementById("contract_data_display").style.opacity = 1;
var rows = data;
- var html = '
';
- html += '';
+
+
+ var html = '
|
';
+
+ var screenWidth = window.innerWidth;
+ if(screenWidth>900){
+
+
html += '';
for( var j in rows[1] ) {
html += '| ' + j + ' | ';
@@ -433,16 +434,37 @@
for( var i = 1; i < Object.keys(rows).length; i++) {
html += '
';
for( var j in rows[i] ) {
+ console.log(j);
html += '| ' + rows[i][j] + ' | ';
}
html += '
';
}
html += '
';
-
- console.log(html);
+ }
+ else
+ {
+
+ html += '';
+ for( var j in rows[1] ) {
+
+ html += '
| ' + j + ' |
';
+ }
+ html += '';
+ for( var i = 1; i < Object.keys(rows).length; i++) {
+ html += '';
+ for( var j in rows[i] ) {
+ if (j !="transactionHash"){
+ html += '
| ' + rows[i][j] + ' |
';}
+ }
+ html += '| Next Record |
';
+ }
+ html += '
';
+ }
+
+
document.getElementById("contract_data_display").innerHTML = html;
document.getElementById("contract_data_display").style.transform = "translate(-400px,15px)";
- document.getElementById("closeMe").style.transform = "translate(10px,50px)";
+ /* document.getElementById("closeMe").style.transform = "translate(10px,50px)";*/
var x = document.getElementsByClassName("hideMe");
for (var i=0;i