From 11b82b34599b37fe2fc08a123bd8e51fb878e739 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Thu, 11 May 2023 15:31:48 -0400
Subject: [PATCH] Remove third column on footer

---
 .../global-footer.component.html              | 26 ++++++++-----------
 .../global-footer.component.scss              |  6 +++++
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.html b/frontend/src/app/shared/components/global-footer/global-footer.component.html
index efba52203..afbfeab10 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.html
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.html
@@ -1,7 +1,7 @@
 <footer>
     <div class="container-fluid">
     <div class="row main">
-      <div class="col-sm-4 branding">
+      <div class="offset-md-1 col-sm-4 branding">
         <h5 i18n="about.about-the-project">The Mempool Open Source Project</h5>
         <p i18="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</p>
         <div class="selector">
@@ -13,16 +13,18 @@
         <a *ngIf="officialMempoolSpace" class="cta btn btn-purple sponsor" [routerLink]="['/signup' | relativeUrl]">Sign In / Sign Up</a>
         <p class="cta-secondary"><a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a></p>
         <p *ngIf="officialMempoolSpace && env.LIGHTNING" class="cta-secondary"><a [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]" i18n="footer.connect-to-our-nodes">Connect to our nodes</a></p>
+        <p><a [routerLink]="['/about' | relativeUrl]">About the Project</a></p>
       </div>
-      <div class="col-sm-8 links">
+      <div class="col-sm-6 links outer">
         <div class="row">
-          <div class="col-sm-4">
+          <div class="col-sm-6">
             <p class="category">Explore</p>
             <p><a [routerLink]="['/mining' | relativeUrl]">Mining Dashboard</a></p>
             <p><a [routerLink]="['/lightning' | relativeUrl]">Lightning Dashboard</a></p>
             <p><a [routerLink]="['/blocks' | relativeUrl]">Recent Blocks</a></p>
+            <p><a [routerLink]="['/docs/api' | relativeUrl]">API Documentation</a></p>
           </div>
-          <div class="col-sm-4 links">
+          <div class="col-sm-6 links">
             <p class="category">Learn</p>
             <p><a [routerLink]="['/docs/faq']" fragment="what-is-a-mempool">What is a mempool?</a></p>
             <p><a [routerLink]="['/docs/faq']" fragment="what-is-a-block-explorer">What is a block explorer?</a></p>
@@ -30,7 +32,7 @@
             <p><a [routerLink]="['/docs/faq']" fragment="why-is-transaction-stuck-in-mempool">Why isn't my transaction confirming?</a></p>
             <p><a [routerLink]="['/docs/faq' | relativeUrl]">More FAQs ›</a></p>
           </div>
-          <div class="col-sm-4 links">
+          <!--<div class="col-sm-4 links">
             <p class="category">Connect</p>
             <p><a href="https://github.com/mempool" target="_blank">GitHub</a></p>
             <p><a href="https://twitter.com/mempool" target="_blank">Twitter</a></p>
@@ -38,23 +40,17 @@
             <p><a href="https://youtube.com/@mempool" target="_blank">YouTube</a></p>
             <p><a href="https://bitcointv.com/c/mempool/videos" target="_blank">BitcoinTV</a></p>
             <p><a href="https://mempool.chat" target="_blank">Matrix</a></p>
-          </div>
+          </div>-->
         </div>
         <div class="row">
-          <div class="col-sm-4 links">
-            <p class="category">Resources</p>
-            <p><a [routerLink]="['/docs/faq' | relativeUrl]">FAQs</a></p>
-            <p><a [routerLink]="['/docs/api' | relativeUrl]">API Documentation</a></p>
-            <p><a [routerLink]="['/about' | relativeUrl]">About the Project</a></p>
-          </div>
-          <div class="col-sm-4 links">
+          <div class="col-sm-6 links">
             <p class="category">More Networks</p>
             <p><a [routerLink]="['/testnet' | relativeUrl]">Testnet Explorer</a></p>
             <p><a [routerLink]="['/signet' | relativeUrl]">Signet Explorer</a></p>
             <p><a href="https://liquid.network">Liquid Explorer</a></p>
             <p><a href="https://bisq.network">Bisq Explorer</a></p>
           </div>
-          <div class="col-sm-4 links">
+          <div class="col-sm-6 links">
             <p class="category">Legal</p>
             <p><a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a></p>
             <p><a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a></p>
@@ -66,7 +62,7 @@
     <div class="row version">
       <div class="col-sm-12">
         <p *ngIf="officialMempoolSpace">{{ (backendInfo$ | async)?.hostname }} (v{{ (backendInfo$ | async )?.version }}) [<a target="_blank" href="https://github.com/mempool/mempool/commit/{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}">{{ (backendInfo$ | async )?.gitCommit | slice:0:8 }}</a>]</p>
-        
+
         <p *ngIf="!officialMempoolSpace">v{{ packetJsonVersion }} [<a target="_blank" href="https://github.com/mempool/mempool/commit/{{ frontendGitCommitHash }}">{{ frontendGitCommitHash }}</a>]</p>
 
       </div>
diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.scss b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
index d9845eba8..821d88dd4 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.scss
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
@@ -13,6 +13,8 @@ footer p {
 
 footer .row.main {
   padding: 40px 0;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 footer .row.main .branding {
@@ -36,6 +38,10 @@ footer .row.main .branding .cta-secondary {
 
 }
 
+footer .row.main .links.outer {
+  padding-left: 24px;
+}
+
 footer .row.main .links > div:first-child {
   margin-bottom: 20px;
 }