style: notes

client/src/common/input/EditableText.jsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import style from './EditableText.module.css';
 
 export default function EditableText(props) {
-  const { label, defaultValue, placeholder, submitHandler } = props;
+  const { label, defaultValue, placeholder, submitHandler, ...rest } = props;
   const [text, setText] = useState(defaultValue || '');
 
   useEffect(() => {
@@ -22,7 +22,7 @@ export default function EditableText(props) {
   };
 
   return (
-    <div className={style.block}>
+    <div className={style.block} {...rest}>
       <span className={style.title}>{label}</span>
       <Editable
         onChange={(v) => handleChange(v)}

client/src/features/editors/list/EventBlock.jsx

@@ -77,6 +77,7 @@ const ExpandedBlock = (props) => {
           label='Note'
           defaultValue={data.note}
           placeholder='Add Note'
+          style={{ color: '#d69e2e' }}
           submitHandler={(v) =>
             actionHandler('update', { field: 'note', value: v })
           }

client/src/features/info/Info.jsx

@@ -71,7 +71,7 @@ export default function Info() {
   return (
     <>
       <div className={style.main}>{selected}</div>
-      <InfoLogger logData={logData} />
+      {/* <InfoLogger logData={logData} /> */}
       <InfoNif />
       <InfoTitle title={'Now'} data={titlesNow} />
       <InfoTitle title={'Next'} data={titlesNext} />

client/src/features/info/Info.module.css

@@ -30,6 +30,10 @@
   color: #ccc;
 }
 
+.notes {
+  color: #d69e2e;
+}
+
 .if {
   font-size: 0.8em;
   color: #4bffabcc;

client/src/features/info/InfoTitle.jsx

@@ -32,8 +32,8 @@ export default function InfoTitle(props) {
             <span className={style.label}>Subtitle: </span>
             {data.subtitle}
           </div>
-          <div>
+          <div className={style.notes}>
-            <span className={style.label}>Notes: </span>
+            <span className={style.label}>Note: </span>
             {data.note}
           </div>
         </>