[IMP] bounce effect on highlight button using statusbar

bzr revid: ggh@tinyerp.com-20130131053827-219jr1awgh4tr685

addons/web/static/src/css/base.css

@@ -190,6 +190,10 @@
 .openerp .oe_bounce_container {
   display: inline-block;
 }
+.openerp .oe_bounce_highlight_btn {
+  margin: auto;
+  display: inline-block;
+}
 .openerp .text-tag .text-button {
   height: auto !important;
   min-height: 16px;

addons/web/static/src/css/base.sass

@@ -248,6 +248,9 @@ $sheet-padding: 16px
     .oe_bounce_container
         display: inline-block
 
+    .oe_bounce_highlight_btn
+        margin: auto
+        display: inline-block
     // Bug lp:1051746
     .text-tag .text-button
         height: auto !important

addons/web/static/src/js/view_form.js

@@ -212,9 +212,10 @@ instance.web.FormView = instance.web.View.extend(instance.web.form.FieldManagerM
             }
         });
         //bounce effect on red button when click on statusbar.
+        self.$el.find(".oe_highlight").wrap('<div class="oe_bounce_highlight_btn"></div>');
         this.$el.on('click', '.oe_form_field_status:not(.oe_form_status_clickable)', function (e) {
             if((self.get("actual_mode") == "view")) {
-                var $button = self.$el.find(".oe_highlight:not(.oe_form_invisible)").css({'float':'left','clear':'none'});
+                var $button = self.$el.find(".oe_highlight:not(.oe_form_invisible)");
                 $button.openerpBounce();
                 e.stopPropagation();
             }