trying to be more consistent about monospace class: text-monospace

public/css/styling.css

@@ -16,8 +16,8 @@ img.header-image {
 	margin-right: 10px;
 }
 
-code, .monospace {
+code, .text-monospace {
-	font-family: "Source Code Pro", monospace;
+	font-family: "Source Code Pro", monospace !important;
 }
 
 .card-body {

views/address.pug

@@ -8,11 +8,11 @@ block content
 		if (!result.validateaddress.isvalid)
 			h1(class="h3 text-danger") Invalid Address
 				br
-				small(class="monospace") #{address}
+				small(class="text-monospace") #{address}
 		else
 			h1.h3 Address
 				br
-				small(class="monospace") #{address}
+				small(class="text-monospace") #{address}
 			
 			hr
 
@@ -107,32 +107,32 @@ block content
 									if (addressObj.hash)
 										div(class="row")
 											div(class="summary-split-table-label") Hash 160
-											div(class="summary-split-table-content monospace") #{addressObj.hash.toString("hex")}
+											div(class="summary-split-table-content text-monospace") #{addressObj.hash.toString("hex")}
 
 									if (result.validateaddress.scriptPubKey)
 										div(class="row")
 											div(class="summary-split-table-label") Script Public Key
-											div(class="summary-split-table-content monospace") #{result.validateaddress.scriptPubKey}
+											div(class="summary-split-table-content text-monospace") #{result.validateaddress.scriptPubKey}
 
 									if (addressObj.hasOwnProperty("version"))
 										div(class="row")
 											div(class="summary-split-table-label") Version
-											div(class="summary-split-table-content monospace") #{addressObj.version}
+											div(class="summary-split-table-content text-monospace") #{addressObj.version}
 
 									if (result.validateaddress.hasOwnProperty("witness_version"))
 										div(class="row")
 											div(class="summary-split-table-label") Witness Version
-											div(class="summary-split-table-content monospace") #{result.validateaddress.witness_version}
+											div(class="summary-split-table-content text-monospace") #{result.validateaddress.witness_version}
 
 									if (result.validateaddress.witness_program)
 										div(class="row")
 											div(class="summary-split-table-label") Witness Program
-											div(class="summary-split-table-content monospace") #{result.validateaddress.witness_program}
+											div(class="summary-split-table-content text-monospace") #{result.validateaddress.witness_program}
 
 									if (firstSeenTransaction && firstSeenTransaction.confirmations > 0)
 										div(class="row")
 											div(class="summary-split-table-label") First Seen
-											div(class="summary-split-table-content monospace")
+											div(class="summary-split-table-content text-monospace")
 												if (getblockchaininfo)
 													span Block ##{(getblockchaininfo.blocks - firstSeenTransaction.confirmations).toLocaleString()}
 												else
@@ -152,7 +152,7 @@ block content
 										if (balance.conflictedResults)
 											div(class="row")
 												div(class="summary-split-table-label") Balance
-												div(class="summary-split-table-content monospace")
+												div(class="summary-split-table-content text-monospace")
 													span(class="text-warning") Conflicted ElectrumX Results
 
 													each item in balance.conflictedResults
@@ -163,39 +163,39 @@ block content
 										else
 											div(class="row")
 												div(class="summary-split-table-label") Balance
-												div(class="summary-split-table-content monospace")
+												div(class="summary-split-table-content text-monospace")
 													- var currencyValue = balance.result.confirmed / coinConfig.baseCurrencyUnit.multiplier;
 													include includes/value-display.pug
 
 											if (balance.unconfirmed)
 												div(class="row")
 													div(class="summary-split-table-label") Unconfirmed
-													div(class="summary-split-table-content monospace")
+													div(class="summary-split-table-content text-monospace")
 														- var currencyValue = balance.unconfirmed / coinConfig.baseCurrencyUnit.multiplier;
 														include includes/value-display.pug
 
 									if (addressDetails && addressDetails.balanceSat)
 										div(class="row")
 											div(class="summary-split-table-label") Balance
-											div(class="summary-split-table-content monospace")
+											div(class="summary-split-table-content text-monospace")
 												- var currencyValue = new Decimal(addressDetails.balanceSat).dividedBy(coinConfig.baseCurrencyUnit.multiplier);
 												include includes/value-display.pug
 
 									if (addressDetails && addressDetails.txCount)
 										div(class="row")
 											div(class="summary-split-table-label") Transactions
-											div(class="summary-split-table-content monospace") #{addressDetails.txCount.toLocaleString()}
+											div(class="summary-split-table-content text-monospace") #{addressDetails.txCount.toLocaleString()}
 
 									div(class="row")
 										div(class="summary-split-table-label") QR Code
-										div(class="summary-split-table-content monospace")
+										div(class="summary-split-table-content text-monospace")
 											img(src=addressQrCodeUrl, alt=address, style="border: solid 1px #ccc;")
 
 								div(class="col-md-6")
 									if (electrumScripthash)
 										div(class="row")
 											div(class="summary-split-table-label") Scripthash
-											div(class="summary-split-table-content monospace") #{electrumScripthash}
+											div(class="summary-split-table-content text-monospace") #{electrumScripthash}
 
 									- var x = result.validateaddress;
 									- var flagNames = ["Is Valid?", "Is Script?", "Is Witness?", "Is Mine?", "Is Watch-Only?"];
@@ -204,7 +204,7 @@ block content
 									each flagName, index in flagNames
 										div(class="row")
 											div(class="summary-split-table-label") #{flagName}
-											div(class="summary-split-table-content monospace")
+											div(class="summary-split-table-content text-monospace")
 												if (flags[index])
 													i(class="fas fa-check text-success")
 												else
@@ -317,7 +317,7 @@ block content
 									//pre
 									//	code.json.bg-light #{JSON.stringify(tx, null, 4)}
 									div(class=("xcard bg-light rounded shadow-sm " + ((txIndex < (transactions.length - 1) || txids.length > limit) ? "mb-4" : "")))
-										div(class="card-header monospace clearfix")
+										div(class="card-header text-monospace clearfix")
 											div(class="float-left", style="margin-right: 0px;")
 												if (sort == "desc")
 													span ##{(addressDetails.txCount - offset - txIndex).toLocaleString()}

views/block.pug

@@ -5,9 +5,9 @@ block headContent
 
 block content
 	h1.h3 Block 
-		small(style="width: 100%;", class="monospace") ##{result.getblock.height.toLocaleString()}
+		small(style="width: 100%;", class="text-monospace") ##{result.getblock.height.toLocaleString()}
 		br
-		small(style="width: 100%;", class="monospace word-wrap") #{result.getblock.hash}
+		small(style="width: 100%;", class="text-monospace word-wrap") #{result.getblock.hash}
 	hr
 
 	include includes/block-content.pug

views/browser.pug

@@ -21,7 +21,7 @@ block content
 						div(class="col")
 							h4(style="display: inline-block;")
 								span Command: 
-								span(class="font-weight-light") #{method}
+								span.font-weight-light.text-monospace #{method}
 						div(class="col")
 							a(href=("https://bitcoin.org/en/developer-reference#" + method), class="btn btn-primary float-md-right") See developer docs »
 								
@@ -120,5 +120,5 @@ block content
 						ol(style="padding-left: 30px;")
 							each methodX, methodIndex in section.methods
 								li
-									a(href=("/rpc-browser?method=" + methodX.name), style=(methodX.name == method ? "font-weight: bold; font-style: italic;" : false), class="monospace") #{methodX.name}
+									a(href=("/rpc-browser?method=" + methodX.name), style=(methodX.name == method ? "font-weight: bold; font-style: italic;" : false), class="text-monospace") #{methodX.name}
 

views/fun.pug

@@ -25,7 +25,7 @@ block content
 
 							td(class="data-cell") #{item.summary}
 							
-							td(class="data-cell monospace")
+							td(class="data-cell text-monospace")
 								if (item.type == "tx")
 									a(href=("/tx/" + item.txid), title=item.txid, data-toggle="tooltip") Tx #{item.txid.substring(0, 23)}...
 								else if (item.type == "block")

views/includes/donation-modal.pug

@@ -55,7 +55,7 @@
 
 						div(class="mb-3")
 							each coin, index in config.donations.addresses.coins
-								div(class="monospace")
+								div(class="text-monospace")
 									if (coinConfig.ticker == coin)
 										span #{config.donations.addresses[coin].address}
 									else
@@ -63,7 +63,7 @@
 										a(href=(config.donations.addresses.sites[coin] + "/address/" + config.donations.addresses[coin].address), class="text-wrap") #{config.donations.addresses[coin].address}
 
 						each coin, index in config.donations.addresses.coins
-							div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap monospace", class=(index > 0 ? "ml-md-3" : false))
+							div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap text-monospace", class=(index > 0 ? "ml-md-3" : false))
 								img(src=donationAddressQrCodeUrls[coin], alt=config.donations.addresses[coin].address, style="border: solid 1px #ccc;")
 
 

views/includes/transaction-io-details.pug

@@ -13,7 +13,7 @@ script.
 		link.classList.add("d-none");
 	}
 
-div(class="row monospace")
+div(class="row text-monospace")
 	div(class="col-lg-6")
 		if (txInputs)
 			- var extraInputCount = 0;

views/includes/value-display.pug

@@ -15,4 +15,4 @@ if (currencyValue > 0)
 			small.border-dotted.ml-1(data-toggle="tooltip", title=utils.formatCurrencyAmount(currencyValue, coinConfig.defaultCurrencyUnit.name)) #{parts[1]}
 			
 else
-	span.monospace 0
+	span.text-monospace 0

views/index.pug

@@ -215,7 +215,7 @@ block content
 												th Transactions Per Sec
 										tbody
 											each item, index in chainTxStats
-												tr(class="monospace")
+												tr(class="text-monospace")
 													td #{chainTxStatsLabels[index]}
 													td #{item.window_tx_count.toLocaleString()}
 													td #{new Decimal(item.txrate).toDecimalPlaces(4)}

views/mempool-summary.pug

@@ -19,34 +19,34 @@ block content
 				table(class="table details-table mb-0")
 					tr
 						td(class="properties-header") Transaction Count
-						td #{getmempoolinfo.size.toLocaleString()}
+						td.text-monospace #{getmempoolinfo.size.toLocaleString()}
 
 					tr
 						- var mem1Data = utils.formatLargeNumber(getmempoolinfo.usage, 2);
 						- var mem2Data = utils.formatLargeNumber(getmempoolinfo.bytes, 2);
 
 						td(class="properties-header") Memory Usage
-						td(class="monospace")
+						td.text-monospace
 							span #{mem1Data[0]} #{mem1Data[1].abbreviation}B
 							span(class="text-muted")  (#{mem2Data[0]} v#{mem2Data[1].abbreviation}B)
 
 					tr
 						td(class="properties-header") Total Fees
-						td(class="monospace")
+						td.text-monospace
 							- var currencyValue = mempoolstats["totalFees"];
 							include includes/value-display.pug
 							
 					if (getmempoolinfo.size > 0)
 						tr
 							td(class="properties-header") Avg Fee
-							td(class="monospace")
+							td.text-monospace
 								- var currencyValue = mempoolstats["averageFee"];
 								include ./includes/value-display.pug
 
 						tr
 							td(class="properties-header") Avg Fee per 
 								span.border-dotted(title="Virtual bytes", data-toggle="tooltip") vByte
-							td(class="monospace") #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"], 2)}/vB
+							td.text-monospace #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"], 2)}/vB
 
 		if (getmempoolinfo.size > 0)
 			div.card.mb-3.shadow-sm
@@ -118,9 +118,9 @@ block content
 							tbody
 								each item, index in mempoolstats["satoshiPerByteBuckets"]
 									tr
-										td #{mempoolstats["satoshiPerByteBucketLabels"][index]}
+										td.text-monospace #{mempoolstats["satoshiPerByteBucketLabels"][index]}
-										td(class="text-right monospace") #{item["count"].toLocaleString()}
+										td.text-monospace.text-right #{item["count"].toLocaleString()}
-										td(class="text-right monospace")
+										td.text-monospace.text-right
 											- var currencyValue = item["totalFees"];
 											include ./includes/value-display.pug
 
@@ -128,14 +128,14 @@ block content
 											- var avgFee = item["totalFees"] / item["count"];
 											- var avgFeeRate = item["totalFees"] / item["totalBytes"];
 
-											td(class="text-right monospace")
+											td.text-monospace.text-right
 												- var currencyValue = avgFee;
 												include ./includes/value-display.pug
 															
-											td(class="text-right monospace") #{utils.formatCurrencyAmountInSmallestUnits(avgFeeRate, 2)}/B
+											td.text-monospace.text-right #{utils.formatCurrencyAmountInSmallestUnits(avgFeeRate, 2)}/vB
 										else
-											td(class="text-right monospace") -
+											td.text-monospace.text-right -
-											td(class="text-right monospace") -
+											td.text-monospace.text-right -
 
 			div.card.mb-3.shadow-sm
 				div.card-header

views/peers.pug

@@ -56,8 +56,8 @@ block content
 										tr(class=(index >= 5 ? "versions-hidden-rows" : false))
 											td(class="data-cell font-weight-bold") #{index + 1}
 
-											td(class="data-cell monospace") #{item[0]}
+											td(class="data-cell text-monospace") #{item[0]}
-											td(class="data-cell monospace") #{item[1].toLocaleString()}
+											td(class="data-cell text-monospace") #{item[1].toLocaleString()}
 
 						div(class="col-md-6")
 							span(class="font-weight-bold") Top Service Flags
@@ -73,8 +73,8 @@ block content
 										tr(class=(index >= 5 ? "services-hidden-rows" : false))
 											td(class="data-cell font-weight-bold") #{index + 1}
 
-											td(class="data-cell monospace") #{item[0]}
+											td(class="data-cell text-monospace") #{item[0]}
-											td(class="data-cell monospace") #{item[1].toLocaleString()}
+											td(class="data-cell text-monospace") #{item[1].toLocaleString()}
 
 			div(class="card mb-4 shadow-sm")
 				div(class="card-header")
@@ -106,12 +106,12 @@ block content
 								tr
 									th(class="data-cell") #{index + 1}
 
-									td(class="data-cell monospace") #{item.subver}
+									td(class="data-cell text-monospace") #{item.subver}
-									td(class="data-cell monospace") #{item.addr}
+									td(class="data-cell text-monospace") #{item.addr}
-									td(class="data-cell monospace") #{item.services}
+									td(class="data-cell text-monospace") #{item.services}
 
 									if (peerIpSummary.ips)
-										td(class="data-cell monospace")
+										td(class="data-cell text-monospace")
 											- var ipAddr = item.addr.substring(0, item.addr.lastIndexOf(":"));
 											if (peerIpSummary.ips && peerIpSummary.ips.includes(ipAddr))
 												- var ipDetails = peerIpSummary.detailsByIp[ipAddr];
@@ -127,7 +127,7 @@ block content
 
 											- var ipAddr = null;
 
-									td(class="data-cell monospace") #{lastSendAgo} / #{lastRecvAgo}
+									td(class="data-cell text-monospace") #{lastSendAgo} / #{lastRecvAgo}
 			
 
 
@@ -137,7 +137,7 @@ block content
 					a(href="javascript:void(0)" onclick=("javascript:var peer = document.getElementById('peerinfo_" + index + "'); peer.style.display = peer.style.display === 'none' ? '' : 'none';"))
 						i(class="fas fa-plus-circle") 
 
-					span(class="monospace")  #{item.addr}
+					span(class="text-monospace")  #{item.addr}
 
 				div(style="display: none;", id=("peerinfo_" + index), class="p-3")
 					h6 Peer Details

views/transaction.pug

@@ -12,7 +12,7 @@ block content
 	if (result && result.getrawtransaction)
 		h1(class="h3 word-wrap") Transaction 
 			br
-			small(class="monospace") #{txid}
+			small(class="text-monospace") #{txid}
 		hr
 
 		ul(class='nav nav-tabs mb-3')

views/unconfirmed-transactions.pug

@@ -25,7 +25,7 @@ block content
 			div(class="card-body")
 				each tx, txIndex in mempoolDetails.transactions
 					div(class="xcard bg-light rounded shadow-sm mb-4")
-						div(class="card-header monospace")
+						div(class="card-header text-monospace")
 							if (tx && tx.txid)
 								strong ##{(txIndex + offset).toLocaleString()}
 								span  –