From f35cf90bc549de288308911a89403e4fc5f1aba2 Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@live.com>
Date: Wed, 11 Nov 2020 18:50:29 +0200
Subject: [PATCH] fix: make journal prepend button with control group.

---
 .../Accounting/MakeJournalEntriesHeader.js    | 47 ++++++++++---------
 1 file changed, 25 insertions(+), 22 deletions(-)

diff --git a/client/src/containers/Accounting/MakeJournalEntriesHeader.js b/client/src/containers/Accounting/MakeJournalEntriesHeader.js
index c2d4857a4..b09972d2c 100644
--- a/client/src/containers/Accounting/MakeJournalEntriesHeader.js
+++ b/client/src/containers/Accounting/MakeJournalEntriesHeader.js
@@ -4,6 +4,7 @@ import {
   FormGroup,
   Intent,
   Position,
+  ControlGroup,
 } from '@blueprintjs/core';
 import { DateInput } from '@blueprintjs/datetime';
 import { FormattedMessage as T } from 'react-intl';
@@ -77,27 +78,29 @@ function MakeJournalEntriesHeader({
             }
             fill={true}
           >
-            <InputGroup
-              intent={
-                errors.journal_number && touched.journal_number && Intent.DANGER
-              }
-              fill={true}
-              rightElement={
-                <InputPrependButton
-                  buttonProps={{
-                    onClick: handleJournalNumberChange,
-                    icon: <Icon icon={'settings-18'} />,
-                  }}
-                  tooltip={true}
-                  tooltipProps={{
-                    content: 'Setting your auto-generated journal number',
-                    position: Position.BOTTOM_LEFT,
-                  }}
-                />
-              }
-              {...getFieldProps('journal_number')}
-              onBlur={handleJournalNumberChanged}
-            />
+            <ControlGroup fill={true}>
+              <InputGroup
+                intent={
+                  errors.journal_number &&
+                  touched.journal_number &&
+                  Intent.DANGER
+                }
+                fill={true}
+                {...getFieldProps('journal_number')}
+                onBlur={handleJournalNumberChanged}
+              />
+              <InputPrependButton
+                buttonProps={{
+                  onClick: handleJournalNumberChange,
+                  icon: <Icon icon={'settings-18'} />,
+                }}
+                tooltip={true}
+                tooltipProps={{
+                  content: 'Setting your auto-generated journal number',
+                  position: Position.BOTTOM_LEFT,
+                }}
+              />
+            </ControlGroup>
           </FormGroup>
         </Col>
 
@@ -191,7 +194,7 @@ function MakeJournalEntriesHeader({
             className={classNames(
               'form-group--select-list',
               'form-group--currency',
-              CLASSES.FILL
+              CLASSES.FILL,
             )}
           >
             <CurrenciesSelectList />