From 8acc50c57d75856d749d3dd84defcaa644716038 Mon Sep 17 00:00:00 2001
From: mDuo13 <mduo13@gmail.com>
Date: Sat, 30 Jul 2022 02:39:52 -0700
Subject: [PATCH] XRP overview: fix layout issue with hardware/software wallets

---
 template/page-xrp-overview.html.jinja | 36 +++++++++++++--------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/template/page-xrp-overview.html.jinja b/template/page-xrp-overview.html.jinja
index 22954f941e..6147a7bcd4 100644
--- a/template/page-xrp-overview.html.jinja
+++ b/template/page-xrp-overview.html.jinja
@@ -153,24 +153,6 @@
         <h2 class="h4 h2-sm mb-8">{% trans %}What Wallets Support XRP?{% endtrans %}</h2>
         <h5 class="longform mb-10">{% trans %}Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: hardware and software.{% endtrans %}</h5>
         <ul class="nav nav-grid-lg cols-of-4" id="wallets">
-          <li class="nav-item nav-grid-head">
-            <h6 class="fs-4-5">{% trans %}Hardware Wallets{% endtrans %}</h6>
-          </li>
-          {% set hardwallets = [
-            { "href": "https://www.ledger.com/",
-              "id": "wallet-ledger",
-              "alt": _("Ledger"),
-              "imgclasses": "invertible-img" },
-            { "href": "https://trezor.io/",
-              "id": "wallet-trezor",
-              "alt": _("Trezor"),
-              "imgclasses": "invertible-img"},
-          ] %}
-          {% for wallet in hardwallets %}
-          <li class="nav-item">
-            <a class="nav-link external-link" href="{{wallet.href}}" target="_blank"><img class="mw-100 {% if wallet.imgclasses %}{{wallet.imgclasses}}{% endif %}" id="{{wallet.id}}" alt="{{wallet.alt}}" /></a>
-          </li>
-          {% endfor %}
           <li class="nav-item nav-grid-head">
             <h6 class="fs-4-5">{% trans %}Software Wallets{% endtrans %}</h6>
           </li>
@@ -191,6 +173,24 @@
             <a class="nav-link external-link" href="{{wallet.href}}" target="_blank"><img class="mw-100 {% if wallet.imgclasses %}{{wallet.imgclasses}}{% endif %}" id="{{wallet.id}}" alt="{{wallet.alt}}" /></a>
           </li>
           {% endfor %}
+          <li class="nav-item nav-grid-head">
+            <h6 class="fs-4-5">{% trans %}Hardware Wallets{% endtrans %}</h6>
+          </li>
+          {% set hardwallets = [
+            { "href": "https://www.ledger.com/",
+              "id": "wallet-ledger",
+              "alt": _("Ledger"),
+              "imgclasses": "invertible-img" },
+            { "href": "https://trezor.io/",
+              "id": "wallet-trezor",
+              "alt": _("Trezor"),
+              "imgclasses": "invertible-img"},
+          ] %}
+          {% for wallet in hardwallets %}
+          <li class="nav-item">
+            <a class="nav-link external-link" href="{{wallet.href}}" target="_blank"><img class="mw-100 {% if wallet.imgclasses %}{{wallet.imgclasses}}{% endif %}" id="{{wallet.id}}" alt="{{wallet.alt}}" /></a>
+          </li>
+          {% endfor %}
         </ul>
           <p class="fs-3 mt-10">{% trans %}Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
       </div>