Finalised CSS rules for the Ajax notification division. It now centers correctly and handles not very large messages pretty well.

js/functions.js

@@ -1771,8 +1771,11 @@ function PMA_ajaxShowMessage(message, timeout) {
 
     if( !ajax_message_init) {
         $(function(){
+            $('<div id="loading_parent"></div>')
+            .insertBefore("#serverinfo");
+
             $('<span id="loading" class="ajax_notification"></span>')
-            .insertBefore("#serverinfo")
+            .appendTo("#loading_parent")
             .html(msg)
             .slideDown('medium')
             .delay(to)

themes/darkblue_orange/css/theme_right.css.php

@@ -1334,3 +1334,29 @@ table#serverconnection_trg_local  {
   */
 .invalid_value
 {background:#F00;}
+
+/**
+  *  Ajax notification styling
+  */
+ .ajax_notification {
+    top: 0px;
+    position: fixed;
+    margin-top: 0;
+    margin-right: auto;
+    margin-bottom: 0;
+    margin-left: auto;
+    padding: 3px 5px;
+    min-width: 70px;
+    max-width: 350px;
+    background-color: #FF9900;
+    z-index: 1100;
+    text-align: center;
+    display: block;
+    left: 0;
+    right: 0;
+ }
+
+ #loading_parent {
+    position: relative;
+    width: 100%;
+ }

themes/original/css/theme_right.css.php

@@ -1273,12 +1273,23 @@ table#serverconnection_trg_local  {
   */
  .ajax_notification {
     top: 0px;
-    left: 45%;
     position: fixed;
-    margin: 0 auto;
+    margin-top: 0;
+    margin-right: auto;
+    margin-bottom: 0;
+    margin-left: auto;
     padding: 3px 5px;
     min-width: 70px;
+    max-width: 350px;
     background-color: #FFD700;
     z-index: 1100;
     text-align: center;
+    display: block;
+    left: 0;
+    right: 0;
+ }
+
+ #loading_parent {
+    position: relative;
+    width: 100%;
  }