From 1a80f9e1f41bc92ef881e78282980b8d298c2259 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Wed, 3 Apr 2013 14:52:38 -0700
Subject: [PATCH] Detail view, multi-groups: Put 'add' button on top

---
 ui/css/cloudstack3.css              | 7 ++++++-
 ui/scripts/ui/widgets/detailView.js | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 015206b3358..a0b86025136 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1774,8 +1774,13 @@ div.list-view td.state.off span {
 }
 
 .detail-view .detail-group .button.add {
+  clear: both;
+  margin: 0px 21px 13px 0 !important;
+}
+
+.detail-view .details.group-multiple {
   float: left;
-  margin: 6px 0 17px 13px;
+  width: 100%;
 }
 
 /*List-view: subselect dropdown*/
diff --git a/ui/scripts/ui/widgets/detailView.js b/ui/scripts/ui/widgets/detailView.js
index 7b202ef5d0d..427010af0a8 100644
--- a/ui/scripts/ui/widgets/detailView.js
+++ b/ui/scripts/ui/widgets/detailView.js
@@ -1077,7 +1077,7 @@
 
             // Add item action
             if (tabData.multiple && tabData.actions && tabData.actions.add) {
-              $tabContent.append(
+              $tabContent.prepend(
                 $('<div>').addClass('button add').append(
                   $('<span>').addClass('icon').html('&nbsp;'),
                   $('<span>').html(_l(tabData.actions.add.label))