From 8dd79f8b13bf86ba22e6f2da332ef36c47555eb2 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 26 Nov 2017 20:34:28 -0800
Subject: [PATCH 1/4] Added favicons to application

---
 app/components/Layout/Layout.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/components/Layout/Layout.js b/app/components/Layout/Layout.js
index 34e7a94b8..1f9d1615f 100644
--- a/app/components/Layout/Layout.js
+++ b/app/components/Layout/Layout.js
@@ -77,6 +77,18 @@ class Layout extends React.Component {
             name="viewport"
             content="width=device-width, initial-scale=1.0"
           />
+          <link
+            rel="shortcut icon"
+            type="image/png"
+            href="/favicon-16.png"
+            sizes="16x16"
+          />
+          <link
+            rel="shortcut icon"
+            type="image/png"
+            href="/favicon-32.png"
+            sizes="32x32"
+          />
         </Helmet>
         <Analytics />
 

From a373931ebe6df80206c0ce5b3ad763cb3679206e Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 26 Nov 2017 20:34:45 -0800
Subject: [PATCH 2/4] Disable browser spellchecking with code

---
 app/components/Editor/components/Code.js       | 2 +-
 app/components/Editor/components/InlineCode.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Editor/components/Code.js b/app/components/Editor/components/Code.js
index 52fa03671..99cef6ba6 100644
--- a/app/components/Editor/components/Code.js
+++ b/app/components/Editor/components/Code.js
@@ -9,7 +9,7 @@ export default function Code({ children, node, readOnly, attributes }: Props) {
   const language = node.data.get('language') || 'javascript';
 
   return (
-    <Container {...attributes}>
+    <Container {...attributes} spellCheck={false}>
       {readOnly && <CopyButton text={node.text} />}
       <Pre className={`language-${language}`}>
         <code className={`language-${language}`}>{children}</code>
diff --git a/app/components/Editor/components/InlineCode.js b/app/components/Editor/components/InlineCode.js
index f81bcf70a..1e87d286a 100644
--- a/app/components/Editor/components/InlineCode.js
+++ b/app/components/Editor/components/InlineCode.js
@@ -2,7 +2,9 @@
 import styled from 'styled-components';
 import { color } from 'shared/styles/constants';
 
-const InlineCode = styled.code`
+const InlineCode = styled.code.attrs({
+  spellCheck: false,
+})`
   padding: 0.25em;
   background: ${color.smoke};
   border-radius: 4px;

From 3ef82191b76364b9f98ce6c66a66862935db80c9 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 26 Nov 2017 20:38:57 -0800
Subject: [PATCH 3/4] Code copy pointer

---
 app/components/Editor/components/CopyButton.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/Editor/components/CopyButton.js b/app/components/Editor/components/CopyButton.js
index 7e8659c8c..b7eb8acb0 100644
--- a/app/components/Editor/components/CopyButton.js
+++ b/app/components/Editor/components/CopyButton.js
@@ -39,8 +39,9 @@ const StyledCopyToClipboard = styled(CopyToClipboard)`
   z-index: 1;
   font-size: 12px;
   background: ${color.slateLight};
-  border-radius: 2px;
+  border-radius: 0 2px 0 2px;
   padding: 1px 6px;
+  cursor: pointer;
 
   &:hover {
     background: ${color.slate};

From a0f3332b9ffab2f649d21a2dc40fd137fce66a54 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 26 Nov 2017 20:52:39 -0800
Subject: [PATCH 4/4] removed ToC in readonly mode

---
 app/components/Editor/Editor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Editor/Editor.js b/app/components/Editor/Editor.js
index 50a5805fe..b59fe80e2 100644
--- a/app/components/Editor/Editor.js
+++ b/app/components/Editor/Editor.js
@@ -193,7 +193,7 @@ class MarkdownEditor extends Component {
       >
         <MaxWidth column auto>
           <Header onClick={this.focusAtStart} readOnly={readOnly} />
-          <Contents state={this.editorState} />
+          {readOnly && <Contents state={this.editorState} />}
           {!readOnly && (
             <Toolbar state={this.editorState} onChange={this.onChange} />
           )}