style changes

client/src/inputBox.js

@@ -4,8 +4,8 @@ import './styles/inputBox.css';
 const InputBox = ({ id, name, label, onChange, value, type, readOnly, hidden }) => {
     return (
         <>
-            <label htmlFor={id}>{label}</label>
-            <input readOnly={readOnly} hidden={hidden} autoFocus onChange={onChange} value={value} id={id} name={name} type={type} />
+            <label className='input' htmlFor={id}>{label}</label>
+            <input className='input' readOnly={readOnly} hidden={hidden} autoFocus onChange={onChange} value={value} id={id} name={name} type={type} />
         </>
     )
 }

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;

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;