From 65ffd3a2259482793c5aae1bd9217f9b78fa3c15 Mon Sep 17 00:00:00 2001
From: anon <anon@example.com>
Date: Fri, 21 Oct 2022 23:29:55 +0200
Subject: [PATCH] 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 | 4 ++++
 static/style.css               | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/layouts/shortcodes/crypto.html b/layouts/shortcodes/crypto.html
index 11b7323..f6ff83e 100644
--- a/layouts/shortcodes/crypto.html
+++ b/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>
diff --git a/static/style.css b/static/style.css
index fb03c42..755a623 100644
--- a/static/style.css
+++ b/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 ; }