styling refactor, player audio mode

2 files changed, 10 insertions, 9 deletions

diff --git a/apps/Notes/components/Export.js b/apps/Notes/components/Export.js
index 516c0ec..ccfb69a 100644
--- a/apps/Notes/components/Export.js
+++ b/apps/Notes/components/Export.js
@@ -37,7 +37,7 @@ const Export = ({ setAction }) => {
               name='selectAll'
               onChange={e => handleSelectAll(e, notes, setIds)}
               checked={notes.length === ids.length}
-              className='hidden'
+              className='hide'
             />
             <span style={{ color: notes.length === ids.length ? 'green' : 'brown' }}>
               <FontAwesomeIcon icon={notes.length === ids.length ? faCheck : faTimes} />
@@ -58,7 +58,7 @@ const Export = ({ setAction }) => {
                     value={note.noteId}
                     checked={ids.includes(note.noteId)}
                     onChange={() => handleSelect(note.noteId, ids, setIds)}
-                    className='hidden'
+                    className='hide'
                   />
                   <span style={{ color: checked ? 'green' : 'brown' }}>
                     <FontAwesomeIcon icon={checked ? faCheck : faTimes} />
diff --git a/apps/Notes/components/NoteView.js b/apps/Notes/components/NoteView.js
index c6afe1f..19352c3 100644
--- a/apps/Notes/components/NoteView.js
+++ b/apps/Notes/components/NoteView.js
@@ -21,7 +21,7 @@ const NoteView = ({ fetchedNote, setFetchedNote, setAction }) => {
   const { _id, content, title } = fetchedNote
 
   return (
-    <section className={styles.noteView}>
+    <>
       <div className='window__submenu'>
         <div>
           <div onClick={() => { setFetchedNote(); setAction('') }}>{t('back')}</div>
@@ -31,12 +31,13 @@ const NoteView = ({ fetchedNote, setFetchedNote, setAction }) => {
           <div onClick={e => { removeNote(e, _id, mutateNotes, t, setPopup, setAction) }}>{t('remove')}</div>
         </div>
       </div>
-
-      <div className='window__scroll'>
-        <h2>{title}</h2>
-        <p>{content}</p>
-      </div>
-    </section>
+      <section className={`${styles.noteView} window__scroll`}>
+        <div>
+          <h2>{title}</h2>
+          <p>{content}</p>
+        </div>
+      </section>
+    </>
   )
 }