better style for close button

css/style.css

@@ -147,10 +147,13 @@
 }
 
 #odf-close{
-	position:absolute;
-	right:0;
-	margin: 8px;
+	position: absolute;
+	right: 0;
 	float: right;
+	padding: 18px;
+	background-color: transparent;
+	border: none;
+	opacity: .5;
 }
 #odf-close.icon-close {
 	height: 23px;

js/documents.js

@@ -338,7 +338,7 @@ var documentsMain = {
 				documentsMain.UI.showEditor(documentsMain.fileName || response.title);
 				if (documentsMain.isGuest){
 					$('#odf-close').text(t('documents', 'Save') );
-					$('#odf-close').removeClass('icon-close');
+					$('#odf-close').removeClass('icon-view-close');
 				}
 				var serverFactory = new ServerFactory();
 				documentsMain.esId = response.es_id;

js/widgets/ocClose.js

@@ -5,8 +5,8 @@ define("owncloud/widgets/ocClose",
 			"use strict";
 			return declare("OcClose", [_WidgetBase, _TemplatedMixin], {
 				templateString: '<span class="dijit">' +
-						'<button id="odf-close" class="icon-close svg" data-dojo-attach-event="onclick: closeEditor"></button>' +
-						'<img id="saving-document" alt="" src="' + OC.imagePath('core', 'loading.gif') + '" /></span>',
+						'<button id="odf-close" class="icon-view-close svg" data-dojo-attach-event="onclick: closeEditor"></button>' +
+						'<img id="saving-document" alt="" src="' + OC.imagePath('core', 'loading-dark.gif') + '" /></span>',
 				closeEditor: function () {
 					// FixMe: this should not be global
 					documentsMain.onClose();