fix yellow notification style

2 files changed, 12 insertions, 5 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index 057b8cfeee7..c7bd2fcd435 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -685,20 +685,27 @@ label.infield {
 	top: 0;
 	width: 100%;
 	text-align: center;
-	line-height: 1.2;
 }
 #notification, #update-notification {
+	margin: 0 auto;
 	z-index: 101;
 	background-color: #fc4;
 	border: 0;
-	padding: 0 .7em .3em;
+	padding: 1px 8px;
 	display: none;
 	position: relative;
 	top: 0;
 	border-bottom-left-radius: 3px;
 	border-bottom-right-radius: 3px;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+	filter:alpha(opacity=90);
+	opacity: .9;
+}
+#notification span, #update-notification span {
+	cursor: pointer;
+	font-weight: bold;
+	margin-left: 1em;
 }
-#notification span, #update-notification span { cursor:pointer; font-weight:bold; margin-left:1em; }
 
 tr .action:not(.permanent), .selectedActions a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; }
 tr:hover .action, tr .action.permanent, .selectedActions a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; }
diff --git a/core/js/js.js b/core/js/js.js
index 5c9d7bf0141..60f9cc11a58 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -696,7 +696,7 @@ OC.Notification={
 		var notification = $('#notification');
 		if((notification.filter('span.undo').length == 1) || OC.Notification.isHidden()){
 			notification.html(html);
-			notification.fadeIn().css("display","inline");
+			notification.fadeIn().css('display','inline-block');
 		}else{
 			OC.Notification.queuedNotifications.push(html);
 		}
@@ -710,7 +710,7 @@ OC.Notification={
 		var notification = $('#notification');
 		if((notification.filter('span.undo').length == 1) || OC.Notification.isHidden()){
 			notification.text(text);
-			notification.fadeIn().css("display","inline");
+			notification.fadeIn().css('display','inline-block');
 		}else{
 			OC.Notification.queuedNotifications.push($('<div/>').text(text).html());
 		}