From f408428f26ec7c6d6eadc807615463db1d74f2af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Mart=C3=ADn?= <cmartin@opennebula.org>
Date: Fri, 21 Mar 2014 19:36:22 +0100
Subject: [PATCH] Feature #2778: Fix ACL wizard style

---
 src/sunstone/public/js/plugins/acls-tab.js | 58 +++++++++++-----------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/src/sunstone/public/js/plugins/acls-tab.js b/src/sunstone/public/js/plugins/acls-tab.js
index a87447e2fc..c1e2c2d862 100644
--- a/src/sunstone/public/js/plugins/acls-tab.js
+++ b/src/sunstone/public/js/plugins/acls-tab.js
@@ -27,40 +27,42 @@ var create_acl_tmpl =
 <div class="reveal-body">\
 <form id="create_acl_form" action="">\
         <div class="row">\
+        <div class="large-6 columns">\
+            <fieldset>\
+                <legend>'+tr("This rule applies to")+'</legend>\
+                <div class="row">\
+                    <div class="large-4 columns">\
+                        <input type="radio" class="applies" name="applies_select" value="*" id="applies_all"><label class="applies" for="applies_all">'+tr("All")+'</label>\
+                    </div>\
+                    <div class="large-4 columns">\
+                        <input type="radio" class="applies" name="applies_select" value="applies_to_user" id="applies_id"><label class="applies" for="applies_id">'+tr("User")+'</label>\
+                    </div>\
+                    <div class="large-4 columns">\
+                        <input type="radio" class="applies" name="applies_select" value="applies_to_group" id="applies_group"><label class="applies" for="applies_group">'+tr("Group")+'</label>\
+                    </div>\
+                </div>\
+                <div class="row">\
+                    <div class="large-12 columns">\
+                        <div class="applies_to_user">\
+                            <label for="applies_to_user">'+tr("User")+':</label>\
+                            <div name="applies_to_user" id="applies_to_user">\
+                            </div>\
+                        </div>\
+                        <div class="applies_to_group">\
+                            <label for="applies_to_group">'+tr("Group")+':</label>\
+                            <div name="applies_to_group" id="applies_to_group">\
+                            </div>\
+                        </div>\
+                    </div>\
+                </div>\
+            </fieldset>\
+        </div>\
           <div class="large-6 columns">\
             <label for="zones_applies">'+tr("Zones where the rule applies")+'</label>\
             <div name="zones_applies" id="zones_applies">\
             </div>\
           </div>\
         </div>\
-        <fieldset>\
-            <legend>'+tr("This rule applies to")+'</legend>\
-            <div class="row">\
-                <div class="large-3 columns">\
-                    <input type="radio" class="applies" name="applies_select" value="*" id="applies_all"><label class="applies" for="applies_all">'+tr("All")+'</label>\
-                </div>\
-                <div class="large-3 columns">\
-                    <input type="radio" class="applies" name="applies_select" value="applies_to_user" id="applies_id"><label class="applies" for="applies_id">'+tr("User")+'</label>\
-                </div>\
-                <div class="large-3 columns">\
-                    <input type="radio" class="applies" name="applies_select" value="applies_to_group" id="applies_group"><label class="applies" for="applies_group">'+tr("Group")+'</label>\
-                </div>\
-            </div>\
-            <div class="row">\
-                <div class="large-6 columns">\
-                    <div class="applies_to_user">\
-                        <label for="applies_to_user">'+tr("User")+':</label>\
-                        <div name="applies_to_user" id="applies_to_user">\
-                        </div>\
-                    </div>\
-                    <div class="applies_to_group">\
-                        <label for="applies_to_group">'+tr("Group")+':</label>\
-                        <div name="applies_to_group" id="applies_to_group">\
-                        </div>\
-                    </div>\
-                </div>\
-            </div>\
-        </fieldset>\
         <fieldset>\
             <legend>'+tr("Affected resources")+'</legend>\
         <div class="row">\