style multiple entry form more nicely

also show label correctly

lib/NGCP/Panel/Form/Preferences.pm

@@ -63,9 +63,12 @@ sub field_list {
                 $field = {
                     name => $meta->attribute,
                     type => 'Text',
+                    do_label => 0,
+                    do_wrapper => 0,
                 };
             }
         }
+        $field->{label} = $meta->attribute;
         push @field_list, $field;
     }
     
@@ -81,6 +84,14 @@ has_field 'save' => (
     label => '',
 );
 
+has_field 'add' => (
+    type => 'Submit',
+    value => 'Add',
+    element_class => [qw/btn btn-primary/],
+    do_label => 0,
+    do_wrapper => 0,
+);
+
 has_block 'actions' => (
     tag => 'div',
     class => [qw/modal-footer/],

share/templates/helpers/pref_table.tt

@@ -82,6 +82,7 @@
         <h3>Edit Preference [% helper.preference_meta.attribute %]</h3>
     </div>
     [% IF helper.preference_meta.max_occur != 1 %]
+        <div class="modal-body">
         [% FOREACH v IN helper.preference.all %]
             [% IF v.value.substr(0,1) == '#' %]
                 <input type="text" value="[% v.value.substr(1) %]" disabled="disabled" class="entry-disabled"></input>
@@ -96,8 +97,14 @@
             [% END %]
             <br />
         [% END %]
-    [% END %]
+        <form action="[% helper.form.action %]" method="post">
+            [% helper.form.fields.2.render %]
+            <span class="">[% helper.form.field("add").render %]</span>
+        </form>
+        </div>
+    [% ELSE %]
         [% helper.form.render -%]
+    [% END %]
 </div>
 <script>
     $(function () {