From c0ac8c91139854232f90e4089a4b755cd8a7c0ef Mon Sep 17 00:00:00 2001
From: Chris Fenos <chris.m.fenos@gmail.com>
Date: Sun, 19 Aug 2018 18:03:18 -0400
Subject: [PATCH] transaction css bug fixed and unused css removed

---
 .../src/components/nav/nav.css                |  2 +-
 .../src/components/table/accounts/table.css   | 83 +++----------------
 .../src/components/table/blocks/table.css     | 58 -------------
 .../components/table/transactions/table.css   | 51 +-----------
 .../table/transactions/transactionRow.js      |  3 +-
 .../table/transactions/transactionTable.js    |  3 +-
 6 files changed, 19 insertions(+), 181 deletions(-)

diff --git a/shyftBlockExplorerUI/src/components/nav/nav.css b/shyftBlockExplorerUI/src/components/nav/nav.css
index 2271538adf..71463444bb 100644
--- a/shyftBlockExplorerUI/src/components/nav/nav.css
+++ b/shyftBlockExplorerUI/src/components/nav/nav.css
@@ -33,7 +33,7 @@
     font-weight: 300;
 }
 
-button.btnActive {
+.btnActive {
     color: #4f2e7e;
     background-color: white;
     font-size: 8px;
diff --git a/shyftBlockExplorerUI/src/components/table/accounts/table.css b/shyftBlockExplorerUI/src/components/table/accounts/table.css
index e191b21ee3..cfe347bdd1 100644
--- a/shyftBlockExplorerUI/src/components/table/accounts/table.css
+++ b/shyftBlockExplorerUI/src/components/table/accounts/table.css
@@ -1,11 +1,11 @@
 .table {
     border-spacing: 100rem;
-    width: 100%;
-    margin-top: 50px;
-}
-
-.tHead {
-    font-size: 1rem;
+    width: 95%;
+    margin: 0 auto;  
+    background-color: white;
+    top: 107pt;
+    left: 2.5%;
+    position: absolute;
 }
 
 th {
@@ -13,73 +13,14 @@ th {
     padding-right: 10px;
 }
 
-.addressTag {
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 132px;
-}
-
-.ageTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.fromTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.toTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.valueTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.incoming {
-    height: 25px;
-    width: 35px;
-    border: 1px forestgreen;
-    border-radius: 5px;
-    background-color: forestgreen;
-    color: white;
-    font-size: 1rem;
-    text-transform: uppercase;
-    text-align: center;
-    vertical-align: middle;
-}
-
-.out {
-    height: 25px;
-    width: 35px;
-    border: 1px orangered;
-    border-radius: 5px;
-    background-color: orangered;
-    color: white;
-    font-size: .8rem;
-    text-transform: uppercase;
-    text-align: center;
-    vertical-align: middle;
+td {
+    font-size: 6pt;
+    background-color: white;
+    font-family: 'Open Sans', sans-serif;
 }
 
 .disabled {
     pointer-events: none;
     color: black;
-}
\ No newline at end of file
+}
+
diff --git a/shyftBlockExplorerUI/src/components/table/blocks/table.css b/shyftBlockExplorerUI/src/components/table/blocks/table.css
index 0f58be2724..1fb7111b91 100644
--- a/shyftBlockExplorerUI/src/components/table/blocks/table.css
+++ b/shyftBlockExplorerUI/src/components/table/blocks/table.css
@@ -20,61 +20,3 @@ td {
     background-color: white;
     font-family: 'Open Sans', sans-serif;
 }
-
-.height {
-    width: 50px;
-}
-
-.hash {
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 220px;
-}
-
-.addressTag {
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 150px;
-}
-
-.ageTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.fromTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.toTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.valueTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.arrow {
-    width: 25px;
-    height: 25px;
-    margin-left: 15px;
-}
\ No newline at end of file
diff --git a/shyftBlockExplorerUI/src/components/table/transactions/table.css b/shyftBlockExplorerUI/src/components/table/transactions/table.css
index 202b888046..782c63a445 100644
--- a/shyftBlockExplorerUI/src/components/table/transactions/table.css
+++ b/shyftBlockExplorerUI/src/components/table/transactions/table.css
@@ -1,4 +1,4 @@
-.table {
+ .table {
     border-spacing: 100rem;
     width: 95%;
     margin: 0 auto;  
@@ -8,6 +8,7 @@
     position: absolute;
 }
 
+
 th {
     background-color: white;
     padding: 15pt 30pt ;
@@ -21,52 +22,8 @@ td {
     font-family: 'Open Sans', sans-serif;
 }
 
-.addressTag {
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 250px;
-}
-
-.ageTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.fromTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.toTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100px;
-}
-
-.valueTag{
-    display: inline-block;
-    vertical-align: bottom;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 80px;
-}
-
-.arrow {
-    width: 25px;
-    height: 25px;
-}
-
 .disabled {
     pointer-events: none;
     color: black;
-}
\ No newline at end of file
+} 
+
diff --git a/shyftBlockExplorerUI/src/components/table/transactions/transactionRow.js b/shyftBlockExplorerUI/src/components/table/transactions/transactionRow.js
index 48e9ad348b..cd8e827480 100644
--- a/shyftBlockExplorerUI/src/components/table/transactions/transactionRow.js
+++ b/shyftBlockExplorerUI/src/components/table/transactions/transactionRow.js
@@ -48,8 +48,7 @@ class TransactionTable extends Component {
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>TxHash</th>
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Block</th>
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Age</th>
-                        <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>From</th>
-                        <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}></th>
+                        <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>From</th>                      
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>To</th>
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Value</th>
                         <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}} >TxFee</th>
diff --git a/shyftBlockExplorerUI/src/components/table/transactions/transactionTable.js b/shyftBlockExplorerUI/src/components/table/transactions/transactionTable.js
index d125b308ab..93363fe81e 100644
--- a/shyftBlockExplorerUI/src/components/table/transactions/transactionTable.js
+++ b/shyftBlockExplorerUI/src/components/table/transactions/transactionTable.js
@@ -20,8 +20,7 @@ const TransactionTable = (props) => {
                 </td>
                 <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}><Link  style={{ color: '#8f67c9' }}  to="/block/transactions" onClick={() => props.getBlockTransactions(props.blockNumber)}>{props.blockNumber}</Link></td>
                 <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}>{props.age}</td>
-                <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }} className={flag ? classes.fromTag : classes.disabled }><Link  style={{ color: '#8f67c9' }}  to="/account/detail" onClick={() => props.detailAccountHandler(props.from)}>{props.from}</Link></td>
-                <td style={{ paddingLeft: '0pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}><img className={classes.arrow} src={arrow} alt="arrow"/></td>
+                <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }} className={flag ? classes.fromTag : classes.disabled }><Link  style={{ color: '#8f67c9' }}  to="/account/detail" onClick={() => props.detailAccountHandler(props.from)}>{props.from}</Link></td>             
                 <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }} className={classes.toTag}><Link style={{ color: '#8f67c9' }} to="/account/detail" onClick={() => props.detailAccountHandler(props.to)}>{props.to}</Link></td>
                 <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}>{props.value}</td>
                 <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}>{props.cost}</td>