fix: make journal prepend button with control group.

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,12 +78,17 @@ function MakeJournalEntriesHeader({
             }
             fill={true}
           >
+            <ControlGroup fill={true}>
               <InputGroup
                 intent={
-                errors.journal_number && touched.journal_number && Intent.DANGER
+                  errors.journal_number &&
+                  touched.journal_number &&
+                  Intent.DANGER
                 }
                 fill={true}
-              rightElement={
+                {...getFieldProps('journal_number')}
+                onBlur={handleJournalNumberChanged}
+              />
               <InputPrependButton
                 buttonProps={{
                   onClick: handleJournalNumberChange,
@@ -94,10 +100,7 @@ function MakeJournalEntriesHeader({
                   position: Position.BOTTOM_LEFT,
                 }}
               />
-              }
+            </ControlGroup>
-              {...getFieldProps('journal_number')}
-              onBlur={handleJournalNumberChanged}
-            />
           </FormGroup>
         </Col>
 
@@ -191,7 +194,7 @@ function MakeJournalEntriesHeader({
             className={classNames(
               'form-group--select-list',
               'form-group--currency',
-              CLASSES.FILL
+              CLASSES.FILL,
             )}
           >
             <CurrenciesSelectList />