Highlight carriage return changes

app/javascript/src/styles/specific/pool_versions.scss

@@ -9,5 +9,9 @@ div#c-pool-versions {
       background: var(--wiki-page-versions-diff-ins-background);
       text-decoration: none;
     }
+
+    span.paragraph-mark {
+      opacity: 0.25;
+    }
   }
 }

app/javascript/src/styles/specific/wiki_page_versions.scss

@@ -9,6 +9,10 @@ div#c-wiki-page-versions {
       background: var(--wiki-page-versions-diff-ins-background);
       text-decoration: none;
     }
+
+    span.paragraph-mark {
+      opacity: 0.25;
+    }
   }
 
   #a-index {

app/logical/diff_builder.rb

@@ -32,10 +32,10 @@ class DiffBuilder
         case chg.action
         when '-'
           oldstart = chg.old_position
-          output[chg.old_position] = '<br>' if chg.old_element.match(/^\r?\n$/)
+          output[chg.old_position] = '<span class="paragraph-mark">¶</span><br>' if chg.old_element.match(/^\r?\n$/)
         when '+'
           if chg.new_element.match(/^\r?\n$/)
-            output.insert(chg.old_position, '<br>')
+            output.insert(chg.old_position, '<span class="paragraph-mark">¶</span><br>')
           else
             output.insert(chg.old_position, (escape_html[chg.new_element]).to_s)
           end
@@ -52,6 +52,6 @@ class DiffBuilder
       end
     end
 
-    output.join.gsub(/\r?\n/, '<br>').html_safe
+    output.join.gsub(/\r?\n/, '<span class="paragraph-mark">¶</span><br>').html_safe
   end
 end