style tweaks

client/src/common/input/EditableTimer.module.css

@@ -13,7 +13,7 @@
 }
 
 .delayedEditable {
-  border: 1px solid #ecc94b;
+  border: 1px solid #d69e2e88;
 }
 
 .delayValue {
@@ -22,5 +22,6 @@
   padding: 0.3em 0;
   text-align: center;
   align-self: flex-start;
-  background-color: #d69e2e;
+  border: 1px solid #d69e2e88;
+  background-color: #d69e2e22;
 }

client/src/common/input/TimeInput.jsx

@@ -7,7 +7,7 @@ const inputProps = {
   fontWeight: 400,
   backgroundColor: 'rgba(0,0,0,0.05)',
   color: '#fff',
-  border: '1px solid #ecc94b',
+  border: '1px solid #ecc94b55',
   borderRadius: '4px',
   placeholder: '-',
   textAlign: 'center',
@@ -44,7 +44,7 @@ export default function TimeInput(props) {
         <EditablePreview />
         <EditableInput type='number' min='0' max='60' />
       </Editable>
-      <span className={style.label}>{'(min)'}</span>
+      <span className={style.label}>{'minutes'}</span>
     </div>
   );
 }

client/src/common/input/TimeInput.module.css

@@ -6,5 +6,4 @@
 .label {
   padding-left: 0.8em;
   align-self: center;
-  font-weight: 600;
 }