Allow page headings to word-wrap

This is mostly for template names, which can be very long, unbroken
strings, especially if developers have been naming them.

app/assets/stylesheets/app.scss

@@ -82,6 +82,7 @@ a {
   .heading-large,
   > .heading-medium {
     margin: 10px 0 15px 0;
+    word-wrap: break-word;
   }
 
   > .grid-row:first-child  {
@@ -89,6 +90,7 @@ a {
     .heading-large,
     .heading-medium {
       margin: 10px 0 15px 0;
+      word-wrap: break-word;
     }
 
   }