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

Implementing CSS recommendations per Design Team https://saucedev.atlassian.net/browse/TCD-1698?focusedCommentId=315366
saucelabs · Aug 29, 2021 · b182d25 · b182d25
2 parents ddd833f + 20a2b8c
commit b182d25
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/theme/ReferenceCodeBlock/index.tsx b/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>
     );
 }