Detail view: Fix layout of text actions

ui/css/cloudstack3.css

@@ -1672,9 +1672,11 @@ div.detail-group.actions td {
 }
 
 .detail-group table td.detail-actions .action.text {
-  padding: 4px 6px 4px 7px;
+  padding: 0px 6px 0px 0px;
   cursor: pointer;
   display: inline-block;
+  float: right;
+  margin-right: 8px;
   border: 1px solid #C2C2C2;
   /*+border-radius:4px;*/
   -moz-border-radius: 4px;
@@ -1746,6 +1748,10 @@ div.detail-group.actions td {
   background-position: -414px -625px;
 }
 
+.detail-group table td.detail-actions div.action.text a {
+  background: none;
+}
+
 .detail-group table td.detail-actions div.action.single a:hover {
   background-position: -414px -587px;
 }

ui/scripts/ui/widgets/detailView.js

@@ -637,7 +637,7 @@
 
         if (value.textLabel) {
           $action
-            .addClass('text')
+            .addClass('single text')
             .prepend(
               $('<span>').addClass('label').html(_l(value.textLabel))
             );
@@ -646,7 +646,7 @@
         return true;
       });
 
-      var $actionButtons = $actions.find('div.action');
+      var $actionButtons = $actions.find('div.action:not(.text)');
       if ($actionButtons.size() == 1)
         $actionButtons.addClass('single');
       else {