From a4a2d0c88833b53c742a54e669cd34a4d1c29995 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Sat, 1 Jan 2022 11:00:08 +0200
Subject: [PATCH] BIG-225 Optimize style of refund vendor form.

---
 .../RefundVendorCreditFloatingActions.js               |  2 +-
 .../RefundVendorCreditFormFields.js                    |  6 ------
 .../CreditNotes/CreditNotesLanding/components.js       |  2 +-
 .../pages/RefundVendorCredit/RefundVendorCredit.scss   | 10 +++-------
 4 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.js b/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.js
index 02b6a80cd..8ab4496ad 100644
--- a/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.js
+++ b/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFloatingActions.js
@@ -33,7 +33,7 @@ function RefundVendorCreditFloatingActions({
         <Button
           intent={Intent.PRIMARY}
           loading={isSubmitting}
-          style={{ minWidth: '85px' }}
+          style={{ minWidth: '120px' }}
           type="submit"
         >
           <T id={'refund'} />
diff --git a/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.js b/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.js
index 8f59eb472..3ea3862b7 100644
--- a/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.js
+++ b/src/containers/Dialogs/RefundVendorCreditDialog/RefundVendorCreditFormFields.js
@@ -30,7 +30,6 @@ import {
 import { useAutofocus } from 'hooks';
 import { ACCOUNT_TYPE } from 'common/accountTypes';
 import { useRefundVendorCreditContext } from './RefundVendorCreditFormProvider';
-import withSettings from 'containers/Settings/withSettings';
 
 /**
  * Refund Vendor credit form fields.
@@ -50,7 +49,6 @@ function RefundVendorCreditFormFields() {
             className={classNames('form-group--select-list', CLASSES.FILL)}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name="refund_date" />}
-            inline={true}
           >
             <DateInput
               {...momentFormatter('YYYY/MM/DD')}
@@ -79,7 +77,6 @@ function RefundVendorCreditFormFields() {
             className={classNames('form-group--amount', CLASSES.FILL)}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name="amount" />}
-            inline={true}
           >
             <ControlGroup>
               <InputPrependText text={values.currency_code} />
@@ -104,7 +101,6 @@ function RefundVendorCreditFormFields() {
             className={classNames('form-group--reference', CLASSES.FILL)}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name="reference" />}
-            inline={true}
           >
             <InputGroup
               intent={inputIntent({ error, touched })}
@@ -128,7 +124,6 @@ function RefundVendorCreditFormFields() {
             labelInfo={<FieldRequiredHint />}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name={'deposit_account_id'} />}
-            inline={true}
           >
             <AccountsSuggestField
               selectedAccountId={value}
@@ -154,7 +149,6 @@ function RefundVendorCreditFormFields() {
           <FormGroup
             label={<T id={'refund_vendor_credit.dialog.description'} />}
             className={'form-group--description'}
-            inline={true}
           >
             <TextArea growVertically={true} {...field} />
           </FormGroup>
diff --git a/src/containers/Purchases/CreditNotes/CreditNotesLanding/components.js b/src/containers/Purchases/CreditNotes/CreditNotesLanding/components.js
index c7c65ff80..8b9fe457e 100644
--- a/src/containers/Purchases/CreditNotes/CreditNotesLanding/components.js
+++ b/src/containers/Purchases/CreditNotes/CreditNotesLanding/components.js
@@ -63,8 +63,8 @@ export function ActionsMenu({
           }
         >
           <MenuItem
-            icon={<Icon icon="quick-payment-16" />}
             text={intl.get('vendor_credits.action.reconcile_with_bills')}
+            icon={<Icon icon="receipt-24" iconSize={16} />}
             onClick={safeCallback(onReconcile, original)}
           />
         </If>
diff --git a/src/style/pages/RefundVendorCredit/RefundVendorCredit.scss b/src/style/pages/RefundVendorCredit/RefundVendorCredit.scss
index ac74dfa56..033acd0c2 100644
--- a/src/style/pages/RefundVendorCredit/RefundVendorCredit.scss
+++ b/src/style/pages/RefundVendorCredit/RefundVendorCredit.scss
@@ -1,13 +1,9 @@
 .dialog--refund-vendor-credit {
+  max-width: 450px;
+
   .bp3-dialog-body {
     .bp3-form-group {
-      label.bp3-label {
-        min-width: 140px;
-        font-size: 13px;
-      }
-      .bp3-form-content {
-        width: 250px;
-      }
+      margin-bottom: 16px;
     }
 
     .form-group {