From 7e4f237906e2fb185e8353d1082305f677a2da97 Mon Sep 17 00:00:00 2001
From: Alireza <ar.sedghi@gmail.com>
Date: Wed, 7 Jul 2021 14:48:53 -0400
Subject: [PATCH] fix: mobile screen nav color and logo

---
 platform/docs/docusaurus.config.js |  2 +-
 platform/docs/src/css/custom.css   | 22 ++++++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/platform/docs/docusaurus.config.js b/platform/docs/docusaurus.config.js
index 6facf462a..43a3308a8 100644
--- a/platform/docs/docusaurus.config.js
+++ b/platform/docs/docusaurus.config.js
@@ -322,7 +322,7 @@ const isI18nStaging = process.env.I18N_STAGING === 'true';
             {
               html: `
                 <a href="https://viewer.ohif.org/" target="_blank" rel="noreferrer noopener" aria-label="Deploys by Netlify">
-                  <img src= 'https://rally.partners.org/study/image/A3C43B37-4BE8-4950-AB00-42B19677D9D2' style="margin-right: 100px;" alt="MGH" />
+                  <img src= 'https://rally.partners.org/study/image/A3C43B37-4BE8-4950-AB00-42B19677D9D2' id="mgh-logo" alt="MGH" />
                 </a>
               `,
             },
diff --git a/platform/docs/src/css/custom.css b/platform/docs/src/css/custom.css
index 2fa33fd03..1b2054786 100644
--- a/platform/docs/src/css/custom.css
+++ b/platform/docs/src/css/custom.css
@@ -203,6 +203,11 @@ article header h3 {
   --ifm-alert-color: var(--ifm-font-color-base);
 }
 
+.button--secondary:not(.button--outline) {
+  --ifm-button-background-color: #e8f7f7;
+}
+
+
 .admonition-icon svg {
   fill: #0151d9;
 }
@@ -219,3 +224,20 @@ article header h3 {
 .DocSearch {
   display: none;
 }
+
+
+/* Footer logo MGH */
+
+@media (max-width: 1200px) {
+  #mgh-logo {
+    margin-right: 100px;
+    width: 300px;
+  }
+}
+
+@media (max-width: 480px) {
+  #mgh-logo {
+    margin-right: 10px;
+    width: 300px;
+  }
+}