From 32943f8da2c96a0260495995b940bfe48bdcc2f2 Mon Sep 17 00:00:00 2001
From: Paul McBride <hello@paulmcbride.net>
Date: Sat, 3 Jun 2017 20:01:13 +0100
Subject: [PATCH] Fix documention header styles (#1742)

---
 packages/react-navigation/website/src/App.css   | 4 ++++
 packages/react-navigation/website/src/MDPage.js | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react-navigation/website/src/App.css b/packages/react-navigation/website/src/App.css
index 77839580..37aad7c2 100644
--- a/packages/react-navigation/website/src/App.css
+++ b/packages/react-navigation/website/src/App.css
@@ -27,6 +27,10 @@ body, #root, html {
 .md-header:hover a {
   visibility: visible;
 }
+.link-header a:first-of-type {
+  visibility: visible;
+  color: #182026;
+}
 .nextLink {
   float: right;
 }
diff --git a/packages/react-navigation/website/src/MDPage.js b/packages/react-navigation/website/src/MDPage.js
index 20a89962..bc5f4cbb 100644
--- a/packages/react-navigation/website/src/MDPage.js
+++ b/packages/react-navigation/website/src/MDPage.js
@@ -64,8 +64,10 @@ const MDPage = ({ navigation, docPath }) => (
           })
           .join('-');
         const Header = getHeadingForLevel(level);
+        const linkHeader = id ? '' : 'link-header';
+        const className = `md-header ${linkHeader}`;
         return (
-          <Header id={id} className="md-header">
+          <Header id={id} className={className}>
             {children} <a href={`#${id}`} title={children}>#</a>
           </Header>
         );