diff --git a/css/style.css b/css/style.css
index ee4671c3..3b5d3f06 100644
--- a/css/style.css
+++ b/css/style.css
@@ -182,16 +182,22 @@
 
 #revViewerContainer{
 	position: absolute;
-	width: 85%;
+	width: 100%;
 	z-index: 600;
 	background-color: #ddd !important;
 	top: 45px;
 	bottom: 0;
 }
 
+#revViewer{
+        position: relative;
+        margin-right: 250px;
+        height: 100%;
+}
+
 #revPanelContainer{
-	position: absolute;
-	width: 15%;
+	position: fixed;
+	width: 250px;
 	z-index: 600;
 	background-color: #efefef !important;
 	right: 0;
@@ -247,6 +253,11 @@
 
 #revisionsContainer a{
     padding-left: 15px;
+    opacity: 0.5;
+}
+
+#revisionsContainer a:hover{
+    opacity: 1;
 }
 
 #revisionsContainer li:hover, #revisionsContainer li.active{
diff --git a/js/documents.js b/js/documents.js
index 995b18e0..263a904b 100644
--- a/js/documents.js
+++ b/js/documents.js
@@ -218,9 +218,9 @@ var documentsMain = {
 			'</div>',
 
 		revHistoryItemTemplate: '<li>' +
-			'<a href="{{downloadUrl}}" class="downloadVersion has-tooltip" title="Download"><img src="{{downloadIconUrl}}" />' +
+			'<a href="{{downloadUrl}}" class="downloadVersion has-tooltip" title="' + t('richdocuments', 'Download this revision') + '"><img src="{{downloadIconUrl}}" />' +
 			'<a class="versionPreview"><span class="versiondate has-tooltip" title="{{formattedTimestamp}}">{{relativeTimestamp}}</span></a>' +
-			'<a href="{{restoreUrl}}" class="restoreVersion"><img src="{{restoreIconUrl}}" />' +
+			'<a href="{{restoreUrl}}" class="restoreVersion has-tooltip" title="' + t('richdocuments', 'Restore this revision') + '"><img src="{{restoreIconUrl}}" />' +
 			'</a>' +
 			'</li>',
 
@@ -343,7 +343,7 @@ var documentsMain = {
 				moreVersionsLabel: t('richdocuments', 'More versions...'),
 				closeButtonUrl: OC.imagePath('core', 'actions/close')
 			});
-			$(document.body).prepend(revHistoryContainer);
+			$('#revViewerContainer').prepend(revHistoryContainer);
 
 			documentsMain.UI.revisionsStart = 0;