Make the method signatures stand out more

Summary:
And more delineated from other parts of the method
information.

Hopefully this makes it easier to parse through.
Closes facebook#8421

Differential Revision: D3488251

Pulled By: JoelMarcey

fbshipit-source-id: 44f2ed00b16849396cac94fd46567eaab48c50f3

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;

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: #E9967A;
+}
+
+.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;