From bb434075865ae282f0f6d01180f60316b960ef7d Mon Sep 17 00:00:00 2001
From: Akiva Leffert <akiva@edx.org>
Date: Wed, 28 Oct 2015 14:37:00 -0400
Subject: [PATCH] Force wrapping for long content like hyperlinks.

Content that doesn't fit on the screen was causing the viewport to be
the wrong size on mobile devices resulting. This forces wrapping for
long content instead of letting it force the viewport size.

JIRA: https://openedx.atlassian.net/browse/MA-1236
---
 lms/static/sass/course/courseware/_courseware.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index 4280389428..b0b3b2f429 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -102,6 +102,13 @@ div.course-wrapper {
     @extend .content;
     padding: ($baseline*2);
     line-height: 1.6;
+
+    .xblock {
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        word-break: break-word;
+    }
+
     h1 {
       margin: 0 0 lh();
     }