Fixed use of <form>, make it possible (do not break design) to use submit buttons within <from></form> also with modal dialog.

app/assets/javascripts/app/views/agent_user_create.jst.eco

@@ -1,13 +1,13 @@
-<div class="modal-header">
-  <a href="#" class="close">&times;</a>
-  <h3><%= @head %></h3>
-</div>
-<div class="modal-body">
 <form class="form-horizontal">
-  <%- @form %>
-</form>
-</div>
-<div class="modal-footer">
-  <button class="btn btn-primary submit">Submit</button>
-  <button class="btn secondary cancel">Cancel</button>
-</div>
+  <div class="modal-header">
+    <a href="#" class="close">&times;</a>
+    <h3><%= @head %></h3>
+  </div>
+  <div class="modal-body">
+    <%- @form %>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-primary submit">Submit</button>
+    <button class="btn secondary cancel">Cancel</button>
+  </div>
+</form>

app/assets/javascripts/app/views/generic/admin/edit.jst.eco

@@ -1,13 +1,13 @@
-<div class="modal-header">
-  <a href="#" class="close">&times;</a>
-  <h3><%= @head %></h3>
-</div>
-<div class="modal-body">
 <form class="form-horizontal">
-  <%- @form %>
+  <div class="modal-header">
+    <a href="#" class="close">&times;</a>
+    <h3><%= @head %></h3>
+  </div>
+  <div class="modal-body">
+    <%- @form %>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-primary submit">Submit</button>
+    <button class="btn cancel">Cancel</button>
+  </div>
 </form>
-</div>
-<div class="modal-footer">
-  <button class="btn btn-primary submit">Submit</button>
-  <button class="btn cancel">Cancel</button>
-</div>

app/assets/javascripts/app/views/generic/admin/new.jst.eco

@@ -1,13 +1,13 @@
-<div class="modal-header">
-  <a href="#" class="close">&times;</a>
-  <h3><%= @head %></h3>
-</div>
-<div class="modal-body">
 <form class="form-horizontal">
-  <%- @form %>
+  <div class="modal-header">
+    <a href="#" class="close">&times;</a>
+    <h3><%= @head %></h3>
+  </div>
+  <div class="modal-body">
+    <%- @form %>
+  </div>
+  <div class="modal-footer">
+    <button class="btn btn-primary submit">Submit</button>
+    <button class="btn cancel">Cancel</button>
+  </div>
 </form>
-</div>
-<div class="modal-footer">
-  <button class="btn btn-primary submit">Submit</button>
-  <button class="btn  cancel">Cancel</button>
-</div>

app/assets/stylesheets/zzz.css

@@ -12,7 +12,14 @@ body {
 [class*=" icon-"] {
   background-image: url("../assets/glyphicons-halflings.png");
 }
-  
+
+/*
+ * removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
+ */
+form {
+  margin: 0 0 0 0;
+}
+
 .edit {
   min-height:30px;
 }