#1041 allow links to wrap

Author: rjzupkoii

_includes/archive-single.html

@@ -57,7 +57,7 @@ <h2 class="archive__item-title" itemprop="headline">
     {% elsif post.citation %}
       <p>Recommended citation: {{ post.citation }} </p>
     {% elsif post.paperurl %}
-      <p>Download <a href=" {{ post.paperurl }} "><u>here</u></a></p>
+      <p class="wordwrap">Download <a href=" {{ post.paperurl }} "><u>here</u></a></p>
     {% endif %}
 
   </article>

_pages/publications.md

@@ -6,7 +6,7 @@ author_profile: true
 ---
 
 {% if site.author.googlescholar %}
-  You can also find my articles on <u><a href="{{site.author.googlescholar}}">my Google Scholar profile</a>.</u>
+  <div class="wordwrap">You can also find my articles on <u><a href="{{site.author.googlescholar}}">my Google Scholar profile</a>.</u></div>
 {% endif %}
 
 {% include base_path %}

_sass/_utilities.scss

@@ -117,6 +117,14 @@ body:hover .visually-hidden button {
   @include container();
 }
 
+/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
+.wordwrap { 
+  white-space: pre-wrap;      /* CSS3 */   
+  white-space: -moz-pre-wrap; /* Firefox */    
+  white-space: -pre-wrap;     /* Opera <7 */   
+  white-space: -o-pre-wrap;   /* Opera 7 */    
+  word-wrap: break-word;      /* IE */
+}
 
 /*
    Images