From 823bb6b636f8423037faa806afacff6ac9f7793c Mon Sep 17 00:00:00 2001
From: Christopher Giffard <christopher.giffard@cgiffard.com>
Date: Mon, 19 Aug 2013 20:57:40 +1000
Subject: [PATCH] Layout: Break long words in markdown preview

Fixes #427
- Uses hyphenation and word-break to break and wrap long words in markdown
  preview.
---
 core/client/assets/sass/layouts/editor.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss
index 327a373425..071d835129 100644
--- a/core/client/assets/sass/layouts/editor.scss
+++ b/core/client/assets/sass/layouts/editor.scss
@@ -251,6 +251,12 @@
 			padding: 60px 40px 40px 40px;
 			overflow: auto;
 
+			// Breaking for long words in preview region
+			word-break: break-word;
+			word-break: break-all;
+			-webkit-hyphens: auto;
+			hyphens: auto;
+
 			// Tweak padding for smaller screens
 			@include breakpoint($netbook) {padding-top: 20px;}
 			@include breakpoint($mobile) {padding: 15px;}