Merge pull request #17 from saucelabs/designteam-suggestions-kim

Implementing CSS recommendations per Design Team

https://saucedev.atlassian.net/browse/TCD-1698?focusedCommentId=315366

Author: kimsauce

src/theme/ReferenceCodeBlock/index.tsx

@@ -11,9 +11,12 @@ const initialFetchResultState = {
 }
 
 const noteStyle: React.CSSProperties = {
-    textAlign: 'right',
     fontSize: '.9em',
     fontWeight: 600,
+    color: '#0E75DD',
+    textAlign: 'center',
+    paddingBottom: '13px',
+    textDecoration: 'underline',
 }
 
 /**
@@ -123,7 +126,7 @@ function ReferenceCode(props: ReferenceCodeBlockProps) {
     return (
         <div>
             <CodeBlock {...customProps}>{fetchResultState.code}</CodeBlock>
-            <div style={noteStyle}>See full example on <a href={props.children} target="_blank">GitHub</a></div>
+            <div style={noteStyle}><a href={props.children} target="_blank">See full example on GitHub</a></div>
         </div>
     );
 }