Tweak 3-column layout

template/base.html.jinja

@@ -108,7 +108,7 @@
       </main>
       {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}
       <!-- Left sidebar last so it's at the end for mobile -->
-      <aside class="sidebar col-md-5 col-lg-3 order-md-1" role="complementary">
+      <aside class="left-sidebar col-md-5 col-lg-3 order-md-1" role="complementary">
           {% block left_sidebar %}
             {% set docs_top = pages|selectattr('html', 'defined_and_equalto', 'docs.html')|list|first %}
             {% if docs_top.is_ancestor_of(currentpage.html) %}

template/component-footer.html.jinja

@@ -17,7 +17,7 @@
 
   <section class="container-fluid mt-20 absolute-bottom-footer">
 
-    <div class="d-lg-flex">
+    <div class="d-lg-flex row">
       <a href="{% if target.prefix %}{{target.prefix}}{% else %}/{% endif %}" class="footer-brand"><img src="{{currentpage.prefix}}assets/img/XRPLedger_DevPortal-white.svg" class="logo"  height="24" alt="{{target.display_name}}" /></a>
       <span class="flex-grow-1">&nbsp;</span>
       <div class="copyright-license">&copy; 2021 XRP Ledger. <a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">{% trans %}Open Source.{% endtrans %}</a>

template/page-docs.html.jinja

@@ -1,6 +1,6 @@
 {% extends "base.html.jinja" %}
 
-{% block mainclasses %}landing padded-landing page-docs-index landing-builtin-bg{% endblock %}
+{% block mainclasses %}landing page-docs-index landing-builtin-bg{% endblock %}
 
 {% block breadcrumbs %}{% endblock %}
 
@@ -44,7 +44,7 @@
   </section>
 
   <section class="container-new mb-50-until-sm" id="software-and-sdks">
-    <div class="d-flex flex-column-reverse col-sm-8 p-0">
+    <div class="d-flex flex-column-reverse col-sm-8">
       <h2 class="h4">{% trans %}Software and SDKs{% endtrans %}</h2>
       <h6 class="green-500 mb-3">{% trans %}Start Developing{% endtrans %}</h6>
     </div>
@@ -61,7 +61,7 @@
   </section><!--/#software-and-sdks-->
 
   <section class="container-new mb-50-until-sm" id="doc-types">
-    <div class="d-flex flex-column-reverse col-sm-8 p-0">
+    <div class="d-flex flex-column-reverse col-sm-8">
       <h2 class="h4">{% trans %}Article types{% endtrans %}</h2>
       <h6 class="green-500 mb-3">{% trans %}Dive In{% endtrans %}</h6>
     </div>
@@ -72,7 +72,7 @@
   </section><!--/#doc-types-->
 
   <section class="container-new mb-50-until-sm" id="run-a-network-node">
-    <div class="d-flex flex-column-reverse col-sm-8 p-0">
+    <div class="d-flex flex-column-reverse col-sm-8">
       <h2 class="h4">{% trans %}Run an XRP Ledger network node{% endtrans %}</h2>
       <h6 class="green-500 mb-3">{% trans %}Participate in the Network{% endtrans %}</h6>
     </div>
@@ -86,7 +86,7 @@
   </section><!--/#run-a-network-node-->
 
 <section class="container-new mb-50-until-sm" id="docs-hot-topic">
-  <div class="d-flex flex-column-reverse col-sm-8 p-0">
+  <div class="d-flex flex-column-reverse col-sm-8">
     <h2 class="h4">{% trans %}NFTs{% endtrans %}</h2>
     <h6 class="green-500 mb-3">{% trans %}Hot Topic{% endtrans %}</h6>
   </div>
@@ -105,7 +105,7 @@
 </section><!--/#docs-hot-topic-->
 
 <section class="container-new mb-50-until-sm doc-index">
-  <div class="d-flex flex-column-reverse col-sm-8 p-0">
+  <div class="d-flex flex-column-reverse col-sm-8">
     <h2 id="full-doc-index" class="h4">{% trans %}Full documentation index{% endtrans %}</h2>
     <h6 class="green-500 mb-3">{% trans %}See Everything{% endtrans %}</h6>
   </div>

template/page-references.html.jinja

@@ -1,6 +1,6 @@
 {% extends "base.html.jinja" %}
 
-{% block mainclasses %}landing padded-landing page-references{% endblock %}
+{% block mainclasses %}landing page-references{% endblock %}
 
 {% block main %}
   <section class="py-20 text-center">

template/page-uses.html.jinja

@@ -67,7 +67,7 @@
   </div>
 
   <section class="container-new py-26">
-    <div class="col-sm-7 p-0 mx-10-until-sm">
+    <div class="col-sm-7">
       <div class="d-flex flex-column-reverse">
         <h3 class="h4 h2-sm">{% trans %}Businesses and projects running<br class="until-sm"> on the XRP Ledger{% endtrans %}</h3>
         <h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>
@@ -132,17 +132,6 @@
         "title": _("Security"),
         "description": _("Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.")},
     ] %}
-    <!-- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 card-deck">
-    {% for card in cards %}
-      <a class="card col" href="{{card.link}}" target="_blank" id="{{card.id}}">
-        <div class="card-body">
-          <div class="head-logo"><img src="{{card.img}}" alt="{{card.name}}" {% if card.imgclasses %}class="{{card.imgclasses}}"{% endif %}/></div>
-          <h4 class="card-title h5">{{card.title}}</h4>
-        </div>
-        <div class="card-footer">&nbsp;</div>
-      </a>
-    {% endfor %}
-    </div> -->
 
     <div class="mt-10 card-grid card-grid-3xN">
       {% for card in cards %}