align modal fields

- fields are full width
- create button is pull-right

lib/NGCP/Panel/Field/BillingProfile.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Billing Profile',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/BillingZone.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Zone',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/Contact.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Contact',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/Contract.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Contract',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/Domain.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Domain',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/Reseller.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Reseller',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

lib/NGCP/Panel/Field/ResellerContract.pm

@@ -16,9 +16,9 @@ has_field 'id' => (
 
 has_field 'create' => (
     type => 'Button',
-    label => 'or',
+    do_label => 0,
     value => 'Create Contract',
-    element_class => [qw/btn btn-tertiary/],
+    element_class => [qw/btn btn-tertiary pull-right/],
 );
 
 1;

share/static/css/main.css

@@ -154,7 +154,7 @@ div.dataTables_paginate {
 ------------*/
 
 div.ngcp-modal .dataTables_wrapper {
-    padding: 5px;
+    /*padding: 5px;*/
 }
 
 div.ngcp-modal .control-group.error .dataTables_wrapper {
@@ -200,15 +200,19 @@ div.ngcp-modal .control-group.error .dataTables_wrapper input[type="text"] {
 /* -------------
   Various form fields
 ----------------*/
-input.ngcp_e164_cc {
+.modal-body .control-group .controls > input[type="text"],
-    width: 10%;
+.modal-body .control-group .controls > input[type="password"],
+.modal-body .control-group .controls > select {
+   padding: 4px 0;
+   width: 100%;
 }
-input.ngcp_e164_ac {
+.modal-body .control-group .controls input.ngcp_e164_cc {
-    width: 10%;
+    width: 15%;
 }
-input.ngcp_e164_sn {
+.modal-body .control-group .controls input.ngcp_e164_ac {
-    width: 69.5%;
+    width: 15%;
 }
-input {
+.modal-body .control-group .controls input.ngcp_e164_sn {
-   width: 95%;
+    width: 67%;
+    float: right;
 }