diff --git a/progit/templates/pull_request.html b/progit/templates/pull_request.html
index 01727a6..4efef79 100644
--- a/progit/templates/pull_request.html
+++ b/progit/templates/pull_request.html
@@ -108,17 +108,28 @@
 
 {% if diff %}
 {% for patch in diff %}
-    <h3>
-    <span class="addrem_bar">
+<section class="commit_diff">
+<header>
+    <h3>{{ patch.new_file_path }}</h3>
+    <ul class="buttons">
+      <li class="addrem_bar">
       {% if (patch.additions + patch.deletions) %}
         <span style="width: {{ (100.0 * patch.additions / (patch.additions + patch.deletions))|round|int }}%">
-            {% if patch.additions > 0 %}+{{ patch.additions }}{% endif %}
-            {% if patch.deletions > 0 %}-{{ patch.deletions }}{% endif %}
+          {% if patch.additions > 0 %}+{{ patch.additions }}{% endif %}
+          {% if patch.deletions > 0 %}-{{ patch.deletions }}{% endif %}
         </span>
       {% endif %}
-    </span>
-    {{ patch.new_file_path }}
-    </h3>
+      </li>
+      <li>
+        <a class="button view" href="{{
+            url_for(
+                'view_file', username=username,
+                repo=repo.name, identifier=patch.new_id,
+                filename=patch.new_file_path) }}"
+        title="View file as of {{ patch.new_id|short }}">View</a>
+      </li>
+    </ul>
+</header>
 {% autoescape false %}
     {{ patch | patch_to_diff | html_diff | format_loc(
             filename=patch.new_file_path,
@@ -151,7 +162,7 @@
 {% if pull_request %}
 {# These lines are only for existing pull-requests, not new ones #}
   $('#cancel_pr').click(function(){
-        return window.confirm("Are you sure you want to close this requested pull?");
+    return window.confirm("Are you sure you want to close this requested pull?");
   });
  });
 
@@ -192,7 +203,7 @@
           comment();
         });
       } else {
-          next_row.prev().find('.pr_comment_form').parent().remove();
+        next_row.prev().find('.pr_comment_form').parent().remove();
       }
     }
   );