diff --git a/sourcing/templates/view.html b/sourcing/templates/view.html
index a18e9d5..875fd0d 100644
--- a/sourcing/templates/view.html
+++ b/sourcing/templates/view.html
@@ -101,8 +101,10 @@
   <p>Revision as of {{ version.modified.strftime('%H:%M, %d %B %Y') }}</p>
 {% endif %}
 
+<p><a href="#" id="toggle-references">hide references</a></p>
+
 <div class="row">
-<div class="col-md-6">
+<div class="col-md-8" id="main">
 
   {% if doc.type == 'xanadoc' %}
     <h4>Edit Decision List (EDL)</h4>
@@ -161,7 +163,7 @@
 {% endif %}
 
 </div>
-<div class="col-md-6">
+<div class="col-md-4" id="references">
   <h4>References</h4>
   {% if subject_count %}
     <p>There are {{ subject_count }} documents that refer to this {{ doc.type }}.</p>
@@ -204,6 +206,23 @@
 <script>
   var doc_url = '{{ doc.external_url }}';
   var doc_length = {{ text | length }};
+
+  var toggle_references = $('#toggle-references');
+  var ref = $('#references');
+  var main = $('#main');
+
+  toggle_references.click((e) => {
+    if (ref.is(":visible")) {
+      toggle_references.text('show references');
+      main.removeClass('col-md-8').addClass('col-md-12');
+      ref.hide();
+    } else {
+      toggle_references.text('hide references');
+      main.addClass('col-md-8').removeClass('col-md-12');
+      ref.show();
+    }
+  });
+
 </script>
 <script src="{{ url_for('static', filename='js/sourcedoc.js') }}"></script>
 {% endblock %}