From 07a023ceed235f1ef9aa3945387ba98f2edff2bb Mon Sep 17 00:00:00 2001
From: Andrew <andrew.cherniavskii@gmail.com>
Date: Tue, 16 Apr 2019 15:49:28 +0200
Subject: [PATCH] wrap chips in AutocompleteArrayInput instead of increasing
 view width

---
 .../ra-ui-materialui/src/input/AutocompleteArrayInput.js     | 1 +
 .../ra-ui-materialui/src/input/AutocompleteArrayInputChip.js | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.js b/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.js
index a14a4b2cf78..0c099657be5 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.js
+++ b/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.js
@@ -46,6 +46,7 @@ const styles = theme => createStyles({
     },
     chip: {
         marginRight: theme.spacing.unit,
+        marginTop: theme.spacing.unit,
     },
     chipDisabled: {
         pointerEvents: 'none',
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteArrayInputChip.js b/packages/ra-ui-materialui/src/input/AutocompleteArrayInputChip.js
index 0792dbcb088..87e6fdc2b29 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteArrayInputChip.js
+++ b/packages/ra-ui-materialui/src/input/AutocompleteArrayInputChip.js
@@ -12,8 +12,13 @@ const chipInputStyles = createStyles({
     chipContainer: {
         alignItems: 'center',
         display: 'flex',
+        flexWrap: 'wrap',
         minHeight: 50,
+        paddingBottom: 8,
     },
+    inputRoot: {
+        marginTop: 8,
+    }
 });
 
 const AutocompleteArrayInputChip = props => <ChipInput {...props} />;