From 82122ecb2bda8373c9f45e8bd58f20e711fea714 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 23 Dec 2014 15:16:14 +0100
Subject: [PATCH] better style for close button

---
 css/style.css         | 9 ++++++---
 js/documents.js       | 2 +-
 js/widgets/ocClose.js | 4 ++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index 0b498a47..2700ec30 100755
--- a/css/style.css
+++ b/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;
diff --git a/js/documents.js b/js/documents.js
index 7d6b2766..bc9b6078 100644
--- a/js/documents.js
+++ b/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;
diff --git a/js/widgets/ocClose.js b/js/widgets/ocClose.js
index 35ed423a..b1d66cbd 100644
--- a/js/widgets/ocClose.js
+++ b/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();