From f5c62f70e824e6a57e836e286ad04147ba2fa5f2 Mon Sep 17 00:00:00 2001
From: Boris Thuy <boristhuy@gmail.com>
Date: Fri, 3 Feb 2017 03:19:22 +0100
Subject: [PATCH 1/3] Added box-sizing to the CodeMirror class

The editor view in Side By Side does not wrap lines properly (ie. they sometimes overflow beneath the live preview). Adding box-sizing property seems to fix this issue.
---
 src/css/simplemde.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/css/simplemde.css b/src/css/simplemde.css
index fb0e4c7..e749c08 100644
--- a/src/css/simplemde.css
+++ b/src/css/simplemde.css
@@ -1,4 +1,5 @@
 .CodeMirror {
+    box-sizing: border-box;
     height: auto;
     min-height: 300px;
     border: 1px solid #ddd;
@@ -325,4 +326,4 @@
 
 .CodeMirror .CodeMirror-placeholder {
     opacity: .5;
-}
\ No newline at end of file
+}

From 20eb8d6da87335451e629178b5a2a3c6febf3cac Mon Sep 17 00:00:00 2001
From: Boris Thuy <boristhuy@gmail.com>
Date: Fri, 3 Feb 2017 03:29:16 +0100
Subject: [PATCH 2/3] Added word-wrap to editor-preview-side class

The editor preview side currently scrolls indefinitely on the x-axis with (absurdedly) long words. Adding a word-wrap property and set it to break-word seems to fix the issue.
---
 src/css/simplemde.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/simplemde.css b/src/css/simplemde.css
index e749c08..17c814a 100644
--- a/src/css/simplemde.css
+++ b/src/css/simplemde.css
@@ -242,6 +242,7 @@
     display: none;
     box-sizing: border-box;
     border: 1px solid #ddd;
+    word-wrap: break-word;
 }
 
 .editor-preview-active-side {

From 7fa15473ada973c2644693d09f3dcc80f6dce1f3 Mon Sep 17 00:00:00 2001
From: Boris Thuy <boristhuy@gmail.com>
Date: Fri, 3 Feb 2017 03:46:09 +0100
Subject: [PATCH 3/3] Added word-wrap property to CodeMirror class

(Absurdly) long words would cause the live preview to scroll indefinitely on the x-axis. Adding a word-wrap property to the CodeMirror class and setting its value to break-word seems to fix this issue.
---
 src/css/simplemde.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/simplemde.css b/src/css/simplemde.css
index 17c814a..18c5b30 100644
--- a/src/css/simplemde.css
+++ b/src/css/simplemde.css
@@ -8,6 +8,7 @@
     padding: 10px;
     font: inherit;
     z-index: 1;
+    word-wrap: break-word;
 }
 
 .CodeMirror-scroll {