Fix crypto QR alignment

Aligned the crypto QR codes seen on the main page.
Also added some padding to the images so that they don't touch
the line at the bottom or the addresses.

layouts/shortcodes/crypto.html

@@ -1,12 +1,16 @@
 <div class=cryptocontainer>
 <div class=cryptoinfo>
+<div class=cryptotext>
 <img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/xmr.svg> Monero <br>
 <code style="font-size:xx-small;overflow-wrap:break-word;">84N9N3DMWhQ9cstHwGEjo8hEvm9bjeYgjV5fLrGK6TmA9iVPjnU7NMUT7gyAc22UgGAVTCUgReQ1J67znhWP3L52Usfw6jg</code><br>
+</div>
 <a href=/pix/monero-based-cooking.png><img alt="Monero QR Code" class=qr src=/pix/monero-based-cooking.png></a>
 </div>
 <div class=cryptoinfo>
+<div class=cryptotext>
 <img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/btc.svg> Bitcoin <br>
 <code style="font-size:small;overflow-wrap:break-word;">bc1q763s4ud0hgfa66ce64gyh6tsss49vyk5cqcm6w</code><br>
+</div>
 <a href=/pix/bitcoin-based-cooking.png><img alt="Bitcoin QR Code" class=qr src=/pix/bitcoin-based-cooking.png></a>
 </div>
 </div>

static/style.css

@@ -281,6 +281,9 @@ button#clear-search:hover {
     text-align: center ;
     padding-left: 10px ;
     padding-right: 10px ;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
 }
 .cryptoinfo code {
 	font-size: small ;
@@ -288,6 +291,8 @@ button#clear-search:hover {
 }
 .qr {
     max-height: 150px; ;
+	padding-top: 10px;
+	padding-bottom: 10px;
 }
 
 .js-only { display: none ; }