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.
pull/897/head
anon 1 year ago
parent 033ef091dc
commit 65ffd3a225

@ -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>

@ -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 ; }

Loading…
Cancel
Save