Adding warning message when navigation needs to be saved

--HG--
branch : 1.x

src/Orchard.Web/Core/Navigation/Scripts/navigation-admin.js

@@ -37,6 +37,7 @@
         stop: function (event, ui) {
             // update all positions whenever a menu item was moved
             populate(this, '');
+            $('#save-message').show();
         }
     });
 

src/Orchard.Web/Core/Navigation/Styles/navigation-admin.css

@@ -1,4 +1,8 @@
-.navigation-menu ol ol {
+#save-message {
+    display: none;
+}
+
+.navigation-menu ol ol {
 	margin: 0;
 	padding: 0;
 	padding-left: 30px; /* gap between each level */
@@ -30,7 +34,7 @@
 }
 
 .navigation-menu li div:hover  {
-	background: #eee url(images/move.gif) no-repeat 8px 8px;
+	background: #eee url(images/move.gif) no-repeat 9px 7px;
 	border: 1px solid #487328;
 }
 

src/Orchard.Web/Core/Navigation/Views/Admin/Index.cshtml

@@ -11,6 +11,8 @@
     Script.Include("navigation-admin.js");
 }
 
+<div id="save-message" class="message message-Warning">@T("You need to hit \"Save All\" in order to save your changes.")</div>
+
 <div id="display-menu-controls">
     @if (Model.Menus.Any()) {
         using (Html.BeginForm("Index", "Admin", FormMethod.Get, new { area = "Navigation" })) {