From 6dbd308d4201d81f1ee7b2444bb27322f32d7ba3 Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
Date: Thu, 22 Oct 2020 21:56:44 +0530
Subject: [PATCH] fix(docs): routing should always fallback to default (#40061)

---
 docs/_theme.css       | 23 +++++++++++++++++++++++
 docs/_translations.md | 10 ++++++++--
 docs/index.html       |  7 ++++---
 3 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/docs/_theme.css b/docs/_theme.css
index fd2a2ebf3f..079b15f6b8 100644
--- a/docs/_theme.css
+++ b/docs/_theme.css
@@ -329,3 +329,26 @@ body.close .github-corner {
 .docsify-copy-code-button {
   font-size: 0.7em !important;
 }
+
+/****** Others ******/
+
+.i18n-lang-list ul {
+  height: 10em;
+  font-size: larger;
+  list-style: none;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-flex-flow: column wrap;
+  flex-flow: column wrap;
+  -webkit-align-content: stretch;
+  align-content: stretch;
+}
+
+.i18n-lang-list li {
+  text-align: left;
+  width: 5em;
+}
diff --git a/docs/_translations.md b/docs/_translations.md
index f604528fd7..117cbcceca 100644
--- a/docs/_translations.md
+++ b/docs/_translations.md
@@ -1,6 +1,12 @@
+<div style='text-align: center'>
+
 ## Read these guides in other languages
 
-<div style='columns: 3; -webkit-columns: 3; -moz-columns: 3;' >
+</div>
+
+<br />
+
+<div class='i18n-lang-list'>
 
 - [English](/index.md)
 - [Afrikaans](/i18n/Afrikaans/index.md)
@@ -41,4 +47,4 @@
 
 Interested in updating the translations? Visit: <https://translate.freecodecamp.org>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/index.html b/docs/index.html
index 9cd09fa01c..6fc8b94084 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -42,7 +42,7 @@
     <a class="app-name-link" data-nosearch="" href="/">
       <img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg">
     </a>
-    <a class="translations-link" data-nosearch="" href="/#/_translations">
+    <a class="translations-link" data-nosearch="" href="/#/i18n">
       Translations
     </a>
   </div>
@@ -52,12 +52,13 @@
   <script>
     window.$docsify = {
 
-      homepage: 'index.md',
+      homepage: 'index',
 
       relativePath: true,
       // common aliases
       alias: {
-        '.*/_navbar.md': '/_navbar.md'
+        '.*/_navbar.md': '/_navbar.md',
+        '/i18n/?': '/_translations.md'
       },