diff -r a2342f26c9de -r b0b56e0f8c7f server/bo_client/app/styles/app.scss
--- a/server/bo_client/app/styles/app.scss	Fri Jan 15 15:27:56 2016 +0100
+++ b/server/bo_client/app/styles/app.scss	Fri Jan 15 15:35:00 2016 +0100
@@ -1,17 +1,23 @@
+$btn-font-weight: 300;
+$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
+
+
 @import 'bower_components/bootstrap-sass/assets/stylesheets/_bootstrap';
 @import 'bower_components/font-awesome/scss/font-awesome';
 
-$btn-font-weight: 300;
-$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif;
+@import 'icons';
+
+@import "pod-styles";
 
 body, label, .checkbox label {
 	font-weight: 300;
 }
 
-.doc_details_title {
+.doc-details-title {
 	@extend .h3;
 	margin-top: 0;
 }
+
 .content-main-title {
 	@extend .h4;
 }
@@ -28,7 +34,35 @@
   cursor: pointer;
 }
 
+.bo-doc-no-edit-icons {
+	cursor: not-allowed;
+}
+
 #doc-contributors-table-pane {
 	display: none;
 	margin-top: 20px;
 }
+
+.bo-doc-actions-col {
+	@extend .text-center;
+}
+
+.bo-doc-ref-link, .bo-doc-ref-link:hover, .bo-doc-ref-link:active, .bo-doc-ref-link:visited {
+	color: $text-color;
+}
+
+.bo-doc-ref-link:after {
+	@extend .#{$fa-css-prefix}-external-link:before;
+	font-family: FontAwesome;
+	font-size: 0.5em;
+	padding-left: 3px;
+	vertical-align: top;
+	display: inline-block;
+}
+.bo-doc-ref-link:hover:after, .bo-doc-ref-link:active:after, .bo-doc-ref-link:visited:after {
+		text-decoration: none;
+}
+
+.doc-buttons {
+	margin-top: 1em;
+}