From 05942ba6ea2e6b722e79ef202719e231f2e458e8 Mon Sep 17 00:00:00 2001
From: tripathyr <rohit.tripathy@gmail.com>
Date: Thu, 13 Jun 2019 15:55:08 +0530
Subject: [PATCH] Changed position 3

---
 index2.html | 50 ++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 36 insertions(+), 14 deletions(-)

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 = '<div id="closeMe"><i class="fas fa-times fa-lg" style="color:red;"></i></div>';
-				 html += '<table>';
+				
+				
+				var html = '<table><tr><td><div id="closeMe"><i class="fas fa-times fa-lg" style="color:red;"></i></div></td></tr>';
+				
+				var screenWidth = window.innerWidth;
+				if(screenWidth>900){
+				
+				
 				 html += '<tr>';
 				 for( var j in rows[1] ) {
 				  html += '<th>' + j + '</th>';
@@ -433,16 +434,37 @@
 				 for( var i = 1; i < Object.keys(rows).length; i++) {
 				  html += '<tr>';
 				  for( var j in rows[i] ) {
+				    console.log(j);
 				    html += '<td>' + rows[i][j] + '</td>';
 				  }
 				  html += '</tr>';
 				 }
 				 html += '</table>';
-
-				 console.log(html);
+				 }
+				 else
+				 {
+				
+				 html += '<tr>';
+				 for( var j in rows[1] ) {
+				 	
+				  html += '<tr><th>' + j + '</th></tr>';
+				 }
+				 html += '</tr>';
+				 for( var i = 1; i < Object.keys(rows).length; i++) {
+				  html += '<tr>';
+				  for( var j in rows[i] ) {
+				  	if (j !="transactionHash"){
+				    html += '<tr><td>' + rows[i][j] + '</td></tr>';}
+				  }
+				  html += '</tr><tr><td style="color:#426eb5;font-size:12px">Next Record</td></tr>';
+				 }
+				 html += '</table>';
+				 }
+				 
+				
 				 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<x.length;i++){