Refinements to the invoice fields settings

resources/lang/en/texts.php

@@ -2134,6 +2134,7 @@ $LANG = array(
     'raw' => 'Raw',
     'raw_html' => 'Raw HTML',
     'update' => 'Update',
+    'invoice_fields_help' => 'Drag and drop fields to change their order and location',
 
 );
 

resources/views/accounts/invoice_design.blade.php

@@ -201,7 +201,7 @@
                         </div>
                       </div>
 
-                      <div class="help-block">
+                      <div class="help-block" style="padding-top:16px">
                         {{ trans('texts.color_font_help') }}
                       </div>
 
@@ -239,8 +239,11 @@
                           @include('accounts.partials.invoice_fields_selector', ['section' => 'account_fields1', 'fields' => INVOICE_FIELDS_ACCOUNT])
                           @include('accounts.partials.invoice_fields_selector', ['section' => 'account_fields2', 'fields' => INVOICE_FIELDS_ACCOUNT])
                       </div>
-                      <div class="row">
-                          <div class="pull-right" style="padding-top:18px;padding-right:14px">
+                      <div class="row" style="padding-top:30px">
+                          <div class="pull-left help-block">
+                              {{ trans('texts.invoice_fields_help') }}
+                          </div>
+                          <div class="pull-right" style="padding-right:14px">
                               {!! Button::normal(trans('texts.reset'))
                                     ->withAttributes(['onclick' => 'sweetConfirm(function() {
                                         resetFields();

resources/views/accounts/partials/invoice_fields.blade.php

@@ -161,10 +161,4 @@ function loadFields(selectedFields)
     color: red;
 }
 
-.field-list .fa-bars {
-    position: absolute;
-    right: 20px;
-    color: #AAA;
-}
-
 </style>

resources/views/accounts/partials/invoice_fields_selector.blade.php

@@ -8,11 +8,11 @@
 
     <table class="field-list">
     <tbody data-bind="sortable: { data: {{ $section }}, as: 'field', afterMove: onDragged }">
-        <tr>
+        <tr style="cursor:move;background-color:#fff;margin:1px">
             <td>
-                <i class="fa fa-close" data-bind="click: $root.{{ Utils::toCamelCase('remove' . ucwords($section)) }}"></i>
+                <i class="fa fa-close" style="cursor:pointer" title="{{ trans('texts.remove') }}"
+                    data-bind="click: $root.{{ Utils::toCamelCase('remove' . ucwords($section)) }}"></i>
                 <span data-bind="text: window.field_map[field]"></span>
-                <i class="fa fa-bars"></i>
             </td>
         </tr>
     </tbody>