From cced9e6cc85d96e8093beb62c27938bc7531108b Mon Sep 17 00:00:00 2001
From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com>
Date: Tue, 7 Jan 2020 18:32:13 +0000
Subject: [PATCH] Amend autofill dropdown style/content

---
 .../autofill/autofillDropdown.css             | 23 ++++++++++++++++---
 .../data-components/multi-data-entry.tsx      |  4 ++--
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/app/src/frontend/building/data-components/autofill/autofillDropdown.css b/app/src/frontend/building/data-components/autofill/autofillDropdown.css
index 4257d37c..26e412f7 100644
--- a/app/src/frontend/building/data-components/autofill/autofillDropdown.css
+++ b/app/src/frontend/building/data-components/autofill/autofillDropdown.css
@@ -1,9 +1,26 @@
 .autofill-dropdown {
     position: absolute;
+    top: 100%;
     z-index: 1000;
-    background-color: white;
-    max-height: 5em;
+
+    max-height: 6em;
     width: 100%;
-    overflow-y: scroll;
     overflow-x: hidden;
+    overflow-y: scroll;
+    
+    box-sizing: content-box;
+    padding: 0.2em;
+    border: 1px solid #ddd;
+    
+    background-color: white;
+    box-shadow: 2px 2px 2px gray;
+}
+
+.autofill-dropdown div {
+    padding-left: 0.3em;
+}
+
+.autofill-dropdown div:hover {
+    background-color: aliceblue;
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/app/src/frontend/building/data-components/multi-data-entry.tsx b/app/src/frontend/building/data-components/multi-data-entry.tsx
index a5ce2ab7..6a0a91a9 100644
--- a/app/src/frontend/building/data-components/multi-data-entry.tsx
+++ b/app/src/frontend/building/data-components/multi-data-entry.tsx
@@ -68,7 +68,7 @@ class MultiDataEntry extends Component<MultiDataEntryProps, MultiDataEntryState>
             <ul className="data-link-list">
             {
                 values.length === 0 &&
-                <div>No elements</div>
+                <div>No entries</div>
             }
             {
                 values.map((val, i) => (
@@ -113,7 +113,7 @@ class MultiDataEntry extends Component<MultiDataEntryProps, MultiDataEntryState>
                     <div className="input-group-append">
                         <button type="button" onClick={this.addNew}
                             title="Add to list"
-                            className="btn btn-outline-dark">Add to list</button>
+                            className="btn btn-outline-dark">+</button>
                     </div>
                 </div>
             }