From 7aa69de0904ac91ca1ac92b1150499b3e5cc0048 Mon Sep 17 00:00:00 2001
From: Alexander Borsuk <me@alex.bio>
Date: Sun, 26 Dec 2021 09:22:58 +0100
Subject: [PATCH] Fixed donate layout

Signed-off-by: Alexander Borsuk <me@alex.bio>
---
 content/donate/index.md                  |  8 +++++---
 sass/main.scss                           | 12 +++++++++++-
 templates/shortcodes/donate_buttons.html |  1 -
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/content/donate/index.md b/content/donate/index.md
index ac1eb37c..a43a9ebd 100644
--- a/content/donate/index.md
+++ b/content/donate/index.md
@@ -87,10 +87,12 @@ Payment description: | Donation
 Please consider donating annually to reduce total fees. Algorand, Tron,
 Litecoin and Monero networks offer low fees, but situation changes every day.
 
-Token | Name | Address 
--- | -- | --
+<p id="crypto_table" />
+
+Token | Name | Address
+:-- | :-- | :--
 ALGO | Algorand | 3UZXZEPGFAM7E74IO32Y7O6KOY3E7NNNJVBV4GFS5UWQQSY7AIM5PK7C2E
-BNB | Binance Coin | bnb1c8vmnqqhqc6lcajpzvuy4ss5dw3vjc7tc5q8zd
+BNB | Binance | bnb1c8vmnqqhqc6lcajpzvuy4ss5dw3vjc7tc5q8zd
 BTC | Bitcoin | bc1qjkq3tpy2gutsfdlcvys8slkempywk230u8rc8u
 ETH | Ethereum | 0x1D59bBe5d4332e34116DccDE5c1a8c736E1C2810
 LTC | Litecoin | LfmSZ5yKBf17WwahZK9NEq5w2FLVap4Ctw
diff --git a/sass/main.scss b/sass/main.scss
index 665ba880..5b11edba 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -174,8 +174,18 @@ footer {
 }
 
 .donate_buttons {
-  display: flex;
+  form, iframe, a {
+    display: inline-block;
+    vertical-align: top;
+  }
   a {
     margin: 0 1em 0 1em;
   }
 }
+
+#crypto_table + table {
+  font-size: smaller;
+  display: block;
+  overflow-x: auto;
+  white-space: nowrap;
+}
diff --git a/templates/shortcodes/donate_buttons.html b/templates/shortcodes/donate_buttons.html
index f61d7d49..c038c03d 100644
--- a/templates/shortcodes/donate_buttons.html
+++ b/templates/shortcodes/donate_buttons.html
@@ -9,6 +9,5 @@
   </form>
 
   <a href="/donate#sepa-and-direct-bank-transfer" title="SEPA or direct bank transfer">S€PA</a>
-
   <a href="/donate#crypto" title="Bitcoin, Monero, Ethereum, Algorand, Tron, Zcash, Litecoin, Binance, etc.">CRYPTO</a>
 </div>