diff --git a/client/src/inputBox.js b/client/src/inputBox.js index dc429f4..a9db50f 100644 --- a/client/src/inputBox.js +++ b/client/src/inputBox.js @@ -4,8 +4,8 @@ import './styles/inputBox.css'; const InputBox = ({ id, name, label, onChange, value, type, readOnly, hidden }) => { return ( <> - - + + ) } diff --git a/client/src/styles/app.css b/client/src/styles/app.css index 04acee8..522d3d2 100644 --- a/client/src/styles/app.css +++ b/client/src/styles/app.css @@ -114,12 +114,11 @@ li.box { list-style: none; } -li.box.target { - border-color: green; -} li.box.target:hover { cursor: pointer; - border-width: 2px; + box-shadow: + 0 3px 6px rgba(0,0,0,0.16), + 0 3px 6px rgba(0,0,0,0.23); } .item-menu-more-container { z-index: 1; diff --git a/client/src/styles/inputBox.css b/client/src/styles/inputBox.css index 6eba672..157c09c 100644 --- a/client/src/styles/inputBox.css +++ b/client/src/styles/inputBox.css @@ -1,8 +1,8 @@ -label { +label.input { display: block; margin: 0 0 0.4rem 0; } -input { +input.input { border: 1px solid grey; border-radius: 0.2rem; padding: 0.4rem 0.6rem;