From 2d1ff27e6e8c816aaa323fd4c6043df311fc186b Mon Sep 17 00:00:00 2001
From: Joel Marcey <joelm@fb.com>
Date: Fri, 24 Jun 2016 11:17:27 -0700
Subject: [PATCH 1/2] Make the method signature stand out more

And more delinated from other parts of the method
information.

Hopefully this makes it easier to parse through.

Test Plan:

http://localhost:8079/react-native/docs/asyncstorage.html
---
 website/layout/AutodocsLayout.js              |  6 ++---
 website/src/react-native/css/react-native.css | 27 +++++++++++++++++++
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/website/layout/AutodocsLayout.js b/website/layout/AutodocsLayout.js
index f85016b6e4d190..ceebe4aca5488b 100644
--- a/website/layout/AutodocsLayout.js
+++ b/website/layout/AutodocsLayout.js
@@ -644,12 +644,12 @@ var Method = React.createClass({
   render: function() {
     return (
       <div className="prop">
-        <Header level={4} className="propTitle" toSlug={this.props.name}>
-          {this.props.modifiers && this.props.modifiers.length && <span className="propType">
+        <Header level={4} className="methodTitle" toSlug={this.props.name}>
+          {this.props.modifiers && this.props.modifiers.length && <span className="methodType">
             {this.props.modifiers.join(' ') + ' '}
           </span> || ''}
           {this.props.name}
-          <span className="propType">
+          <span className="methodType">
             ({this.props.params && this.props.params.length && this.props.params
               .map((param) => {
                 var res = param.name;
diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index e812927d97da16..206cdf8dacd362 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -1237,6 +1237,23 @@ div[data-twttr-id] iframe {
   margin-left: 20px;
 }
 
+.methodTitle {
+  font-weight: bold;
+  font-size: 24px;
+  color: #05A5D1;
+}
+
+.compactProps .methodTitle {
+  font-size: 14px;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.compactProps .methodTitle div {
+  font-weight: normal;
+  margin-left: 20px;
+}
+
 .prop {
   padding: 5px 10px;
 }
@@ -1255,6 +1272,16 @@ div[data-twttr-id] iframe {
   font-size: 13px;
 }
 
+.methodType {
+  font-weight: normal;
+  font-size: 24px;
+}
+
+.compactProps .methodType {
+  font-weight: normal;
+  font-size: 13px;
+}
+
 .platform {
   background-color: hsl(198, 100%, 87%);
   border-radius: 5px;

From 2348ee2495b7a7538c0e53960ffc487662c6b531 Mon Sep 17 00:00:00 2001
From: Joel Marcey <joelm@fb.com>
Date: Sun, 26 Jun 2016 08:07:10 -0700
Subject: [PATCH 2/2] Update color of method title to not be confused with a
 link

---
 website/src/react-native/css/react-native.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index 206cdf8dacd362..4e8d3694689ba8 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -1240,7 +1240,7 @@ div[data-twttr-id] iframe {
 .methodTitle {
   font-weight: bold;
   font-size: 24px;
-  color: #05A5D1;
+  color: #E9967A;
 }
 
 .compactProps .methodTitle {