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