style tweaks

views/about.pug

@@ -11,7 +11,7 @@ block content
 
 	p I built this tool because I wanted to use it myself. Whatever reasons one might have for running a full node (trustlessness, technical curiosity, supporting the network, etc) it's helpful to appreciate the "fullness" of your own node. With this explorer, you can not only explore the blockchain (in the traditional sense of the term "explorer"), but also explore the functional capabilities of your own node.
 
-	span Pull requests are welcome! 
+	p Pull requests are welcome! 
 		a(href="https://github.com/janoside/btc-rpc-explorer") github.com/janoside/btc-rpc-explorer
 
 	if (env.donationAddresses)
@@ -19,17 +19,16 @@ block content
 
 		p If you value this tool and want to support my work on this project, please consider a small donation. Anything is appreciated!
 
-		div(class="row mb-5")
-			each coin, index in env.donationAddresses.coins
-				div(class="col text-center")
-					if (env.donationAddresses[coin].urlPrefix)
-						a(href=("bitcoin:" + env.donationAddresses["BTC"])) #{coinConfigs[coin].name} (#{coin})
-					else
-						span #{coinConfigs[coin].name} (#{coin})
-
-					br
-					span #{env.donationAddresses[coin].address}
-					br
-					img(src=donationAddressQrCodeUrls[coin], alt=env.donationAddresses[coin].address, style="border: solid 1px #ccc;")
-					br
+		each coin, index in env.donationAddresses.coins
+			div(style="display: inline-block;", class="text-md-center mb-3", class=(index > 0 ? "ml-md-5" : false))
+				if (env.donationAddresses[coin].urlPrefix)
+					a(href=("bitcoin:" + env.donationAddresses["BTC"])) #{coinConfigs[coin].name} (#{coin})
+				else
+					span #{coinConfigs[coin].name} (#{coin})
+
+				br
+				span #{env.donationAddresses[coin].address}
+				br
+				img(src=donationAddressQrCodeUrls[coin], alt=env.donationAddresses[coin].address, style="border: solid 1px #ccc;")
+				br
 		

views/layout.pug

@@ -116,7 +116,7 @@ html
 								dd
 									div
 										each coin, index in env.donationAddresses.coins
-											div(style="display: inline-block;", class="text-center", class=(index > 0 ? "ml-3" : false))
+											div(style="display: inline-block;", class="text-center mb-3", class=(index > 0 ? "ml-md-3" : false))
 												img(src=donationAddressQrCodeUrls[coin], alt=env.donationAddresses[coin].address, style="border: solid 1px #ccc;")
 												br
 												if (env.donationAddresses[coin].urlPrefix)