minor style tweaks

public/css/styling.css

@@ -84,4 +84,9 @@ footer a {
 
 footer a:hover {
 	color: white;
+}
+
+.table-striped>tbody>tr:nth-child(odd)>td, 
+.table-striped>tbody>tr:nth-child(odd)>th {
+	background-color: #fbfbfb;
 }

views/about.pug

@@ -4,7 +4,7 @@ block headContent
 	title About
 
 block content
-	h1(class="h2") About
+	h1(class="h3") About
 	hr
 
 	p This tool is intended to be a simple, self-hosted explorer for the #{coinConfig.name} blockchain, driven by RPC calls to your own node. This tool is easy to run but lacks some features compared to database-backed explorers.

views/address.pug

@@ -6,11 +6,11 @@ block headContent
 block content
 	if (result && result.validateaddress)
 		if (!result.validateaddress.isvalid)
-			h1(class="h2 text-danger") Invalid Address
+			h1(class="h3 text-danger") Invalid Address
 				br
 				small(class="monospace") #{address}
 		else
-			h1(class="h2") Address
+			h1(class="h3") Address
 				br
 				small(class="monospace") #{address}
 			

views/block.pug

@@ -4,7 +4,7 @@ block headContent
 	title Block #{blockHash}
 
 block content
-	h1(class="h2") Block 
+	h1(class="h3") Block 
 		small(style="width: 100%;", class="monospace") ##{result.getblock.height.toLocaleString()}
 		br
 		small(style="width: 100%;", class="monospace word-wrap") #{result.getblock.hash}

views/browser.pug

@@ -10,7 +10,7 @@ block headContent
 		}
 
 block content
-	h1(class="h2") RPC Browser
+	h1(class="h3") RPC Browser
 	hr
 
 	if (gethelp)

views/fun.pug

@@ -4,7 +4,7 @@ block headContent
 	title #{coinConfig.name} Fun
 
 block content
-	h1(class="h2") #{coinConfig.name} Fun
+	h1(class="h3") #{coinConfig.name} Fun
 	hr
 
 	p Below is a list of fun/interesting things in the #{coinConfig.name} blockchain. Some are historical firsts, others are just fun or cool.

views/includes/block-content.pug

@@ -92,7 +92,7 @@ div(class="tab-content")
 								strong(class="text-warning") #{result.getblock.confirmations}
 							else
 								strong(class="text-success") #{result.getblock.confirmations.toLocaleString()}
-					tr
+					tr(class="border-bottom")
 						th(class="table-active text-right") Miner
 						td(class="monospace word-wrap")
 							if (result.getblock.miner)
@@ -151,7 +151,7 @@ div(class="tab-content")
 						th(class="table-active text-right") Merkle Root
 						td(class="monospace word-wrap") #{result.getblock.merkleroot}
 
-					tr
+					tr(class="border-bottom")
 						th(class="table-active text-right") Chainwork
 						td(class="monospace word-wrap") #{result.getblock.chainwork}
 
@@ -161,7 +161,7 @@ div(class="tab-content")
 			div(class="card-header")
 				div(class="row")
 					div(class="col-md-4")
-						h2(class="h5 mb-0") #{txCount.toLocaleString()} 
+						h2(class="h6 mb-0") #{txCount.toLocaleString()} 
 							if (txCount == 1)
 								span Transaction
 							else

views/layout.pug

@@ -82,7 +82,7 @@ html
 									button(type="submit", class="btn btn-primary")
 										i(class="fas fa-search")
 		
-		if (host && port)				
+		if (host && port)
 			div(id="sub-menu", class="container mb-4", style="margin-top: -1.0rem;")
 				ul(class="nav")
 					li(class="nav-item")

views/mempool-summary.pug

@@ -4,7 +4,7 @@ block headContent
 	title Mempool Summary
 	
 block content
-	h1(class="h2") Mempool Summary
+	h1(class="h3") Mempool Summary
 	hr
 
 	if (false)
@@ -41,7 +41,7 @@ block content
 					td(class="monospace") #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"])}/B
 
 		if (getmempoolinfo.size > 0)
-			h4 Transactions by fee rate
+			h2(class="h5") Transactions by fee rate
 			hr
 
 			if (false)
@@ -127,7 +127,7 @@ block content
 								td(class="text-right monospace") -
 
 
-			h4 Transactions by size
+			h2(class="h5") Transactions by size
 			hr
 
 			canvas(id="txSizesBarChart", height="100", class="mb-4")
@@ -166,7 +166,7 @@ block content
 					}
 				});
 
-			h4 Transactions by age
+			h2(class="h5") Transactions by age
 			hr
 
 			canvas(id="txAgesBarChart", height="100", class="mb-4")

views/node-status.pug

@@ -4,7 +4,7 @@ block headContent
 	title Node Status
 	
 block content
-	h1(class="h2") Node Status
+	h1(class="h3") Node Status
 	hr
 
 	if (getblockchaininfo)

views/peers.pug

@@ -4,7 +4,7 @@ block headContent
 	title Peers
 
 block content
-	h1(class="h2") Peers
+	h1(class="h3") Peers
 	hr
 
 	ul(class='nav nav-tabs mb-3')
@@ -17,7 +17,7 @@ block content
 
 	div(class="tab-content")
 		div(id="tab-summary", class="tab-pane active", role="tabpanel")
-			h2(class="h3") Versions
+			h2(class="h5") Versions
 			hr
 			table(class="table table-striped table-responsive-sm mt-4")
 				thead
@@ -34,7 +34,7 @@ block content
 							td(class="data-cell") #{item[1].toLocaleString()}
 
 
-			h2(class="h3") Services
+			h2(class="h5") Services
 			hr
 			table(class="table table-striped table-responsive-sm mt-4")
 				thead
@@ -53,7 +53,7 @@ block content
 
 
 		div(id="tab-details", class="tab-pane", role="tabpanel")
-			h2(class="h3") Peers List
+			h2(class="h5") Peers List
 			hr
 			table(class="table table-striped table-responsive-sm mt-4")
 				thead

views/terminal.pug

@@ -1,9 +1,9 @@
 extends layout
 
 block content
-	div(class="row mt-5")
+	div(class="row")
 		div(class="col")
-			h1(class="h2") RPC Terminal
+			h1(class="h3") RPC Terminal
 
 		div(class="col")
 			if (!config.demoSite && (!config.credentials.rpc || !config.credentials.rpc.rpc))

views/transaction.pug

@@ -10,7 +10,7 @@ block headContent
 
 block content
 	if (result && result.getrawtransaction)
-		h1(class="h2 word-wrap") Transaction
+		h1(class="h3 word-wrap") Transaction 
 			br
 			small(class="monospace") #{txid}
 		hr
@@ -61,7 +61,7 @@ block content
 									span  
 										a(href=stInfo.referenceUrl) Read more
 
-				table(class="table")
+				table(class="table mb-4")
 					tr
 						th(class="table-active properties-header") Included in Block
 						td(class="monospace word-wrap")
@@ -131,13 +131,13 @@ block content
 								strong(class="text-success") #{result.getrawtransaction.confirmations.toLocaleString()}
 
 					if (result.getrawtransaction.vin[0].coinbase)
-						tr
+						tr(class="border-bottom")
 							th(class="table-active properties-header") Network Fees Collected
 							td
 								- var currencyValue = new Decimal(totalOutputValue).minus(totalInputValue);
 								include includes/value-display.pug
 					else
-						tr
+						tr(class="border-bottom")
 							th(class="table-active properties-header") Network Fee Paid
 							td(class="monospace")
 								strong
@@ -252,8 +252,8 @@ block content
 													include includes/value-display.pug
 
 			div(id="tab-scripts", class="tab-pane", role="tabpanel")
-				h3 Input Scripts
+				h3(class="h5") Input Scripts
-				table(class="table table-striped")
+				table(class="table table-striped mb-5")
 					thead
 						tr
 							th(style="width: 50px;")
@@ -274,7 +274,7 @@ block content
 											br
 											span(class="word-wrap monospace text-muted") (decoded) #{utils.hex2ascii(vin.coinbase)}
 
-				h3 Output Scripts
+				h3(class="h5") Output Scripts
 				table(class="table table-striped")
 					thead
 						tr