From 4d7df87f54d93d3eda1b48ada6f1541f788808a5 Mon Sep 17 00:00:00 2001
From: Colton Padden <colton.padden@fastmail.com>
Date: Mon, 3 Jan 2022 08:55:22 -0500
Subject: [PATCH] fix dynamic footer size for mobile display width and fix
 issue with overlapping footer links
v

Signed-off-by: Colton Padden <colton.padden@fastmail.com>
---
 plugins/techdocs/src/reader/components/Reader.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/plugins/techdocs/src/reader/components/Reader.tsx b/plugins/techdocs/src/reader/components/Reader.tsx
index 595ce2d069..a8b8067d96 100644
--- a/plugins/techdocs/src/reader/components/Reader.tsx
+++ b/plugins/techdocs/src/reader/components/Reader.tsx
@@ -257,7 +257,11 @@ export const useTechDocsReaderDom = (entityRef: EntityName): Element | null => {
             .md-content__inner { font-size: 0.9rem }
             .md-footer {
               position: static;
-              margin-left: 10rem;
+              padding-left: 10rem;
+            }
+            .md-footer-nav__link {
+              /* footer links begin to overlap at small sizes without setting width */
+              width: 50%;
             }
             .md-nav--primary .md-nav__title {
               white-space: normal;