Update tag error messages to use g-action-status and g-message-block. Style g-error for short forms.

3 files changed, 14 insertions, 11 deletions

diff --git a/lib/gallery.common.css b/lib/gallery.common.css
index a700c359..939aa2f6 100644
--- a/lib/gallery.common.css
+++ b/lib/gallery.common.css
@@ -219,14 +219,16 @@ form .g-error {
 
 .g-message-block {
   border: 1px solid #ccc;
+  width: 100%;
 }
 
 #g-action-status {
   margin-bottom: 1em;
-  width: 100% !important;
 }
 
-#g-action-status li {
+#g-action-status li,
+p#g-action-status,
+div#g-action-status {
   padding-top: .4em;
   padding-bottom: .3em;
 }
@@ -355,12 +357,18 @@ form .g-error {
   padding: .4em 0;
 }
 
-.g-short-form input[type="text"] {
+.g-short-form .textbox {
   color: #666;
   padding: .3em .6em;
   width: auto;
 }
 
+.g-short-form .textbox.g-error {
+  border: 1px solid #f00;
+  color: #f00;
+  padding-left: 24px;
+}
+
 .g-short-form .g-cancel {
   display: block;
   padding: .2em .8em;
diff --git a/modules/tag/css/tag.css b/modules/tag/css/tag.css
index ec16251d..6e7bb4a3 100644
--- a/modules/tag/css/tag.css
+++ b/modules/tag/css/tag.css
@@ -92,9 +92,4 @@
 
 #g-rename-tag-form ul {
   margin-bottom: 0;
-}
-
-#g-rename-tag-form input[type="text"].g-error {
-  border: 2px solid red;
-  background: none;
-}
+}
\ No newline at end of file
diff --git a/modules/tag/js/tag.js b/modules/tag/js/tag.js
index 02985d55..722a8b0e 100644
--- a/modules/tag/js/tag.js
+++ b/modules/tag/js/tag.js
@@ -19,7 +19,7 @@ function ajaxify_tag_form() {
 function closeEditInPlaceForms() {
   // closes currently open inplace edit forms
   if ($("#g-rename-tag-form").length) {
-    $("#g-edit-error-message").remove();
+    $("#g-action-status").remove();
     var li = $("#g-rename-tag-form").parent();
     $("#g-rename-tag-form").parent().html($("#g-rename-tag-form").parent().data("revert"));
     li.height("");
@@ -74,7 +74,7 @@ function editInPlace(element) {
           $("#g-rename-tag-form #name")
             .addClass("g-error")
             .focus();
-          $("#g-tag-admin").before("<p id=\"g-edit-error-message\" class=\"g-error\">" + data.message + "</p>");
+          $("#g-tag-admin").before("<p id=\"g-action-status\" class=\"g-message-block g-error\">" + data.message + "</p>");
         }
       }
     });